From 36116565525694715f3aed2cedacc994fea7bc92 Mon Sep 17 00:00:00 2001
From: cubedhuang <99danielh@gmail.com>
Date: Sat, 9 Sep 2023 02:58:45 -0400
Subject: [PATCH] fix: improve nav link style

---
 src/components/Navbar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 959aeaa..5b6ff8d 100644
--- 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>