fix: improve nav link style

cubedhuang · Sep 9, 2023 · 3611656 · 3611656
1 parent 75193d9
commit 3611656
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -55,10 +55,10 @@ export default function Navbar() {
 				<ActiveLink
 					href={href}
 					key={href}
-					activeClass="after:scale-x-100"
-					nonActiveClass="after:scale-x-0 after:opacity-0 hover:after:scale-x-50 hover:after:opacity-100"
+					activeClass="after:inset-x-0"
+					nonActiveClass="after:opacity-0 after:inset-x-1/2 hover:after:opacity-100 hover:after:inset-x-1/4"
 				>
-					<a className="py-2 flex items-center after:transition relative after:absolute after:bottom-0 after:left-0 after:w-full after:h-0.5 after:bg-white after:rounded">
+					<a className="py-2 flex items-center relative after:absolute after:bottom-0 after:h-0.5 after:bg-white after:rounded after:transition-all">
 						{title}
 						<Icon className={`w-5 h-5 ml-2 ${color}`} />
 					</a>