diff --git a/src/components/NavWrapper.tsx b/src/components/NavWrapper.tsx index aac53145169bf95e4abb9eef86180f3150db3de6..f035d6216b2bb24201b9385482ab38ca445fb33b 100644 --- a/src/components/NavWrapper.tsx +++ b/src/components/NavWrapper.tsx @@ -22,7 +22,7 @@ function NavWrapper({ children }: { children: React.ReactNode }) { <nav className="w-full bg-indigo-500 px-4 py-2 text-white flex justify-between"> <div onClick={() => setOpen(false)} - className={`bg-slate-800 flex flex-col items-start justify-center h-screen fixed top-0 left-0 right-0 w-screen min-w-[100vh] bg-black/50 ${ + className={`bg-slate-800 flex flex-col items-start justify-center h-screen fixed top-0 left-0 right-0 w-screen min-w-[100vh] bg-black/50 z-50 ${ open ? "" : "hidden" }`} > @@ -37,6 +37,9 @@ function NavWrapper({ children }: { children: React.ReactNode }) { key={text} className="text-white hover:text-inherit hover:underline underline-offset-2 decoration-white" to={link} + onClick={() => { + setOpen(false); + }} > {text} </Link>