From 29c69e73a55aa7d470cf65e449adf9500d234ae1 Mon Sep 17 00:00:00 2001
From: liyunze <50455574+liyunze-coding@users.noreply.github.com>
Date: Fri, 8 Aug 2025 09:47:55 +1000
Subject: [PATCH] fixed on scroll animation

---
 src/components/global/NavBar.tsx      | 2 +-
 src/components/ui/HoverNavigation.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/global/NavBar.tsx b/src/components/global/NavBar.tsx
index ea97f28..73e14e4 100644
--- a/src/components/global/NavBar.tsx
+++ b/src/components/global/NavBar.tsx
@@ -24,7 +24,7 @@ export default function Navigationbar() {
         },
     ];
     return (
-        <div className="bg-secondary fixed top-5 left-1/2 z-30 box-border flex w-auto -translate-x-1/2 items-center justify-center gap-5 overflow-auto rounded-full border-2 border-solid border-gray-700 px-5 py-3">
+        <div className="bg-secondary fixed top-5 left-1/2 z-30 box-border flex -translate-x-1/2 items-center justify-center gap-5 overflow-auto rounded-full border-2 border-solid border-gray-700 px-5 py-3">
             <img
                 src="/images/pfp_new.webp"
                 alt="Ryan"
diff --git a/src/components/ui/HoverNavigation.tsx b/src/components/ui/HoverNavigation.tsx
index 0beae49..51ebf31 100644
--- a/src/components/ui/HoverNavigation.tsx
+++ b/src/components/ui/HoverNavigation.tsx
@@ -42,7 +42,7 @@ export const HoverNavigation = ({
     return (
         <motion.div
             animate={{
-                width: visible ? "100%" : "0%",
+                width: visible ? "auto" : "0px",
             }}
             className={cn(
                 "flex flex-row items-center justify-center overflow-hidden",
@@ -53,7 +53,7 @@ export const HoverNavigation = ({
                 <a
                     href={item?.link}
                     key={item?.link}
-                    className="group relative block h-full w-auto px-5 py-2"
+                    className="group relative block h-full px-5 py-2"
                     onMouseEnter={() => setHoveredIndex(idx)}
                     onMouseLeave={() => setHoveredIndex(null)}
                 >