From f5b6338f37321cbe879b452438e6098b4f628c43 Mon Sep 17 00:00:00 2001
From: Fatih20 <fnri39@protonmail.com>
Date: Fri, 17 Nov 2023 13:33:45 +0700
Subject: [PATCH] Fix buggy navigation sidebar.
---
src/components/NavWrapper.tsx | 5 ++++-
1 file changed, 4 insertions(+), 1 deletion(-)
diff --git a/src/components/NavWrapper.tsx b/src/components/NavWrapper.tsx
index aac5314..f035d62 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>
--
GitLab