chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix nav links when js disabled

Browse Source
This commit is contained in:
Chuck Dries 2022-07-12 12:53:46 -07:00
parent e70ad03461
commit 1751bbb0f8
No known key found for this signature in database
GPG Key ID: A00B7AEAE1DC5BE6
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Nav.js
View File

@ -48,7 +48,7 @@ const Nav = ({ isClient, internalLinks, className }) => {
</li> </li>
))} ))}
</ul> </ul>
{internalLinks && currentBreakpoint === "LG" && <>|</>} {internalLinks && currentBreakpoint !== "XS" && <>|</>}
{currentBreakpoint === "XS" && ( {currentBreakpoint === "XS" && (
<button <button
className="mx-2 hover:underline inline-flex align-middle" className="mx-2 hover:underline inline-flex align-middle"
@ -62,11 +62,11 @@ const Nav = ({ isClient, internalLinks, className }) => {
Links Links
</button> </button>
)} )}
{(currentBreakpoint === "LG" || linksMenu) && ( {(currentBreakpoint !== "XS" || linksMenu) && (
<ul <ul
className={classnames( className={classnames(
"z-30", "z-30",
currentBreakpoint === "LG" currentBreakpoint !== "XS"
? "inline-flex flex-wrap justify-center" ? "inline-flex flex-wrap justify-center"
: "absolute p-2 rounded-md mt-2", : "absolute p-2 rounded-md mt-2",
currentBreakpoint === "XS" && currentBreakpoint === "XS" &&