fix nav highlighting by using exact active matching on links
All checks were successful
Build and Push Docker Image / build (push) Successful in 31s

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-06 17:07:08 +01:00
parent d422b0a79b
commit dd82318828

View File

@@ -15,6 +15,7 @@ function NavLink({ to, children }: { to: string; children: React.ReactNode }) {
to={to}
className={cn('px-2.5 py-1 rounded text-[0.85rem] no-underline transition-colors text-gray-500 hover:bg-gray-100 hover:text-gray-900')}
activeProps={{ className: 'bg-gray-100 text-gray-900 font-medium' }}
activeOptions={{ exact: true }}
>
{children}
</Link>