24 lines
1.2 KiB
PHP
24 lines
1.2 KiB
PHP
@props(['title' => 'Übersicht'])
|
|
<header class="sticky top-0 z-20 flex h-14 items-center gap-3 border-b border-line bg-base/90 px-4 backdrop-blur sm:px-6 lg:px-8">
|
|
<button type="button" @click="nav = true"
|
|
class="grid min-h-11 min-w-11 shrink-0 place-items-center rounded-md text-ink-2 hover:bg-raised hover:text-ink lg:hidden"
|
|
aria-label="Menü öffnen">
|
|
<x-icon name="menu" class="h-5 w-5" />
|
|
</button>
|
|
|
|
<h1 class="min-w-0 truncate font-display text-sm font-semibold text-ink sm:text-base">{{ $title }}</h1>
|
|
|
|
<div class="ml-auto flex min-w-0 items-center gap-2">
|
|
<div class="hidden sm:block">
|
|
<x-status-pill status="online">Flotte online</x-status-pill>
|
|
</div>
|
|
<span class="hidden font-mono text-xs text-ink-3 md:inline">Uptime 42d</span>
|
|
<button type="button"
|
|
class="relative grid min-h-11 min-w-11 place-items-center rounded-md text-ink-2 hover:bg-raised hover:text-ink"
|
|
aria-label="Benachrichtigungen">
|
|
<x-icon name="bell" class="h-[18px] w-[18px]" />
|
|
<span class="absolute right-2 top-2 h-1.5 w-1.5 rounded-full bg-accent"></span>
|
|
</button>
|
|
</div>
|
|
</header>
|