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

View File

@ -6,7 +6,7 @@
<div class="max-w-[1400px] mx-auto"> <div class="max-w-[1400px] mx-auto">
<nav> <nav>
<div class="px-4"> <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()) @for (var item : navbar.first().entries())
<a href="${item.url()}" class="has-[:checked]:underline py-2 px-2 hover:text-slate-200"> <a href="${item.url()}" class="has-[:checked]:underline py-2 px-2 hover:text-slate-200">

View File

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