refactor Navbar component styles for active state; simplify class names

astriaai · Nov 13, 2024 · f755a74 · f755a74
1 parent ad14e3f
commit f755a74
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -77,7 +77,7 @@ const NavLink: React.FC<NavLinkProps> = ({ to, label, Icon, active }) => (
     to={to}
     className={cn(
       'w-fit custom-lg:w-full flex items-center justify-center custom-lg:justify-start px-2 custom-lg:px-3 py-2 rounded-full text-sm font-medium transition-all duration-300 ease-in-out',
-      active ? 'shadow-sm bg-orange-500 bg-clip-padding backdrop-filter backdrop-blur-sm bg-opacity-10 border border-orange-300 text-orange-900' : 'text-gray-700 hover:bg-gray-100 hover:text-black'
+      active ? 'bg-orange-500 bg-clip-padding backdrop-filter backdrop-blur-sm bg-opacity-10 border text-orange-900' : 'text-gray-700 hover:bg-gray-100 hover:text-black'
     )}
   >
       <Icon className="h-5 w-5 transition-transform duration-200 hover:scale-110" strokeWidth={2.5} />