Fix class names of active main menu links

fabian-hiller · Dec 9, 2023 · 3ffece3 · 3ffece3
1 parent 9554a18
commit 3ffece3
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/website/src/components/Header.tsx b/website/src/components/Header.tsx
@@ -128,7 +128,7 @@ export const Header = component$(() => {
               key={href}
               class={clsx(
                 'focus-ring mx-4 rounded-lg px-4 py-3 text-lg transition-colors hover:text-slate-900 dark:hover:text-slate-200 lg:px-3 lg:py-2 lg:text-[17px] lg:font-medium',
-                location.url.pathname === href &&
+                location.url.pathname.startsWith(href) &&
                   'docsearch-lvl0 text-slate-900 dark:text-slate-200'
               )}
               href={href}