From b206150e92da88c7866b9e1660341d45d8ffb533 Mon Sep 17 00:00:00 2001 From: Amirhossein Khalili Date: Fri, 2 Oct 2026 13:12:01 +0330 Subject: [PATCH] fix: make navbar links equal width --- src/components/Navbar.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index 777263c..7f47fce 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -28,7 +28,7 @@ const NavItem = ({ to, children }: { to: string; children: ReactNode }) => ( to={to} className={({ isActive }) => cn( - "rounded-lg px-3 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", + "inline-flex w-20 items-center justify-center rounded-lg px-3 py-2 text-center text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", isActive ? "bg-secondary text-primary" : "text-muted-foreground hover:bg-secondary hover:text-foreground",