MarginaliaSearch/code/services-application/search-service/resources/jte/part/navbar.jte
Viktor Lofgren f050bf5c4c (WIP) Initial semi-working transformation to new tailwind UI
Still missing is a proper build, we're currently pulling in tailwind from a CDN, which is no bueno in prod.

There's also a lot of polish remaining everywhere, dead links, etc.
2024-12-05 14:00:17 +01:00

33 lines
1.3 KiB
Plaintext

@import nu.marginalia.search.model.NavbarModel
@param NavbarModel navbar
<header class="bg-margeblue text-white">
<div class="max-w-[1400px] mx-auto">
<nav>
<div class="px-4">
<div class="flex flex-row xs:text-sm text-xs gap-1 xs:gap-2">
@for (var item : navbar.first().entries())
<a href="${item.url()}" class="has-[:checked]:underline py-2 px-2 hover:text-slate-200">
@if (item.active())
<input type="checkbox" checked readonly class="sr-only" />
@endif
${item.name()}
</a>
@endfor
<div class="grow"></div>
@for (var item : navbar.second().entries())
<a href="${item.url()}" class="has-[:checked]:underline py-2 px-2 hover:text-slate-200">
@if (item.active())
<input type="checkbox" checked readonly class="sr-only" />
@endif
${item.name()}
</a>
@endfor
</div>
</div>
</nav>
</div>
</header>