auto-claude: subtask-1-1 - Add focus state styling to NavLink component

2026-01-25 06:30:55 +01:00
parent eec1758827
commit 52ef3b96da
5 changed files with 296 additions and 1 deletions
@@ -27,6 +27,7 @@ export function NavLink({ href, icon, label, onClick, className }: NavLinkProps)
      className={`
        relative flex items-center gap-2 rounded-full py-2 px-4
        transition-all duration-200 ease-in-out
+        focus:outline-none focus:ring-2 focus:ring-zinc-600 focus:ring-offset-2 focus:ring-offset-zinc-950
        ${isActive ? 'text-white bg-zinc-700/60' : 'text-zinc-400 hover:text-white hover:bg-zinc-800/30'}
        ${className || ''}
      `}