GuilanCE/guilan-ace-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: make navbar links equal width

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-10-02 13:12:01 +03:30
parent 22fe66bf3c
commit b206150e92
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Navbar.tsx
View File

@@ -28,7 +28,7 @@ const NavItem = ({ to, children }: { to: string; children: ReactNode }) => (
to={to} to={to}
className={({ isActive }) => className={({ isActive }) =>
cn( 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 isActive
? "bg-secondary text-primary" ? "bg-secondary text-primary"
: "text-muted-foreground hover:bg-secondary hover:text-foreground", : "text-muted-foreground hover:bg-secondary hover:text-foreground",