(site) Adjust sizing of navbars

This commit is contained in:
Viktor Lofgren 2024-12-05 18:54:17 +01:00
parent 97bfcd1353
commit 7ba43e9e3f
3 changed files with 15 additions and 23 deletions

View File

@ -19,9 +19,7 @@ public record NavbarModel(NavbarGroup first, NavbarGroup second) {
,
new NavbarGroup(
List.of(
new NavbarEntry("About", "/", false),
new NavbarEntry("API", "/", false),
new NavbarEntry("Donate", "/", false)
new NavbarEntry("About", "/", false)
)
)
);
@ -38,9 +36,7 @@ public record NavbarModel(NavbarGroup first, NavbarGroup second) {
,
new NavbarGroup(
List.of(
new NavbarEntry("About", "/", false),
new NavbarEntry("API", "/", false),
new NavbarEntry("Donate", "/", false)
new NavbarEntry("About", "/", false)
)
)
);
@ -57,9 +53,7 @@ public record NavbarModel(NavbarGroup first, NavbarGroup second) {
,
new NavbarGroup(
List.of(
new NavbarEntry("About", "/", false),
new NavbarEntry("API", "/", false),
new NavbarEntry("Donate", "/", false)
new NavbarEntry("About", "/", false)
)
)
);
@ -76,9 +70,7 @@ public record NavbarModel(NavbarGroup first, NavbarGroup second) {
,
new NavbarGroup(
List.of(
new NavbarEntry("About", "/", false),
new NavbarEntry("API", "/", false),
new NavbarEntry("Donate", "/", false)
new NavbarEntry("About", "/", false)
)
)
);

View File

@ -6,7 +6,7 @@
<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">
<div class="flex flex-row text-sm 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">

View File

@ -24,16 +24,16 @@
name="domain"
id="domain" >
<button class="px-4 py-2 bg-margeblue text-white ml-2 rounded">
<i class="fas fa-search text-sm mr-3"></i> Inspect
<i class="fas fa-search text-sm sm:mr-3"></i> <span class="hidden sm:inline">Inspect</span>
</button>
</form>
</div>
<div class="mx-auto md:px-4 border bg-slate-50">
<div class="flex md:space-x-2 max-w-[1000px] mx-auto">
<div class="has-[:checked]:bg-slate-200 py-1 px-2">
<a href="?view=info" class="text-sm whitespace-nowrap place-items-baseline space-x-1 text-gray-700 text-xs hover:text-gray-900">
<div class="has-[:checked]:bg-slate-200 py-1 sm:px-2 px-1">
<a href="?view=info" class="whitespace-nowrap place-items-baseline space-x-1 text-gray-700 text-sm hover:text-gray-900">
@if (model instanceof SearchSiteInfoService.SiteInfoWithContext)
<input type="checkbox" class="sr-only hidden absolute" checked readonly />
<input type="checkbox" class="sr-only hidden " checked readonly />
@else
<span></span>
@endif
@ -44,8 +44,8 @@
</a>
</div>
<div class="has-[:checked]:bg-slate-200 py-1 px-2">
<a href="?view=docs" class="text-sm whitespace-nowrap place-items-baseline space-x-1 text-gray-700 text-xs hover:text-gray-900">
<div class="has-[:checked]:bg-slate-200 py-1 sm:px-2 px-1">
<a href="?view=docs" class="whitespace-nowrap place-items-baseline space-x-1 text-gray-700 text-sm hover:text-gray-900">
@if (model instanceof SearchSiteInfoService.Docs)
<input type="checkbox" class="sr-only hidden absolute" checked readonly />
@else
@ -58,8 +58,8 @@
</a>
</div>
<div class="has-[:checked]:bg-slate-200 py-1 px-2">
<a href="?view=links" class="text-sm whitespace-nowrap place-items-baseline space-x-1 text-gray-700 text-xs hover:text-gray-900">
<div class="has-[:checked]:bg-slate-200 py-1 sm:px-2 px-1">
<a href="?view=links" class="whitespace-nowrap place-items-baseline space-x-1 text-gray-700 text-sm hover:text-gray-900">
@if (model instanceof SearchSiteInfoService.Backlinks)
<input type="checkbox" class="sr-only hidden absolute" checked readonly />
@else
@ -72,8 +72,8 @@
</a>
</div>
<div class="grow"></div>
<div class="has-[:checked]:bg-slate-200 py-1 px-2">
<a href="?view=report" class="text-sm whitespace-nowrap place-items-baseline space-x-1 text-red-800 text-xs hover:text-red-600">
<div class="has-[:checked]:bg-slate-200 py-1 sm:px-2 px-1">
<a href="?view=report" class="text-sm whitespace-nowrap place-items-baseline space-x-1 text-red-800 text-sm hover:text-red-600">
@if (model instanceof SearchSiteInfoService.ReportDomain)
<input type="checkbox" class="sr-only hidden absolute" checked readonly />
@else