Change navbar animation

atch2203 · Jul 3, 2024 · 9995651 · 9995651
1 parent 069d504
commit 9995651
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/app/header.tsx b/app/header.tsx
@@ -68,9 +68,9 @@ function NavBar() {
       {links.map((obj, i) => <Link key={i} href={obj.link} className="relative"><li key={i} className={liClass + (obj.link === path && (onpage))}>
         {obj.link === path && (
             <motion.span
-              initial={{opacity:0,y:20}}
-              animate={{opacity:1,y:0}}
-              exit={{opacity:0,y:20}}
+              initial={{scaleX:0}}
+              animate={{scaleX:1}}
+              exit={{scaleX:0}}
               className="absolute top-full block h-[2px] w-full bg-black max-md:hidden" />
         )}