From e4887cec2528fd2f9993789809078f115a9b9500 Mon Sep 17 00:00:00 2001
From: liyunze <50455574+liyunze-coding@users.noreply.github.com>
Date: Sun, 10 Aug 2025 13:28:22 +1000
Subject: [PATCH] improved mobile nav animation

---
 src/components/ui/NavigationBar.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/NavigationBar.tsx b/src/components/ui/NavigationBar.tsx
index 4aa56c7..589bce5 100644
--- a/src/components/ui/NavigationBar.tsx
+++ b/src/components/ui/NavigationBar.tsx
@@ -185,6 +185,7 @@ export const HoverNavigation = ({
 				<motion.ul
 					animate={{
 						height: hamburgerOpen ? "auto" : "0px",
+						opacity: hamburgerOpen ? "100%" : "0",
 					}}
 					transition={{
 						ease: "easeInOut",
@@ -195,9 +196,7 @@ export const HoverNavigation = ({
 						<a
 							href={item?.link}
 							key={item?.link}
-							className="group relative block h-full px-5 py-2 text-center lg:hidden"
-							onMouseEnter={() => setHoveredIndex(idx)}
-							onMouseLeave={() => setHoveredIndex(null)}
+							className="group relative block px-5 py-2 text-center lg:hidden"
 						>
 							{item.label}
 						</a>