Skip to content
Prev Previous commit
Next Next commit
wip
  • Loading branch information
jer3m01 committed Mar 24, 2026
commit fd3d39232c26b9e874d97ec24f3d9047d198e4ee
41 changes: 22 additions & 19 deletions osmium/src/ui/layout/main-header.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -98,25 +98,28 @@ export function MainHeader(props: MainHeaderProps) {

<Show when={config().themeConfig?.projects}>
{(projects) => (
<For each={projects()}>
{(p) => {
const match = useMatch(() =>
locale.applyPathPrefix(`${p.path}/*rest`)
);

return (
<li>
<NavLink
href={locale.applyPathPrefix(p.path)}
data-matched={match() !== undefined ? true : undefined}
onClick={() => setNavOpen(false)}
>
{p.name}
</NavLink>
</li>
);
}}
</For>
<ul class="order-2 col-span-2 flex w-full justify-center gap-5 pt-6 lg:col-span-1 lg:w-auto lg:pt-0">
<For each={projects()}>
{(p) => {
const match = useMatch(() =>
locale.applyPathPrefix(`${p.path}/*rest`)
);

return (
<li>
<NavLink
href={locale.applyPathPrefix(p.path)}
data-matched={match() !== undefined ? true : undefined}
onClick={() => setNavOpen(false)}
active={project()?.name === p.name}
>
{p.name}
</NavLink>
</li>
);
}}
</For>
</ul>
)}
</Show>

Expand Down
Loading