refactored header.blade

This commit is contained in:
2025-03-16 00:41:01 +01:00
parent 78e7338aa8
commit 2f19be09de
7 changed files with 52 additions and 12 deletions
+18 -8
View File
@@ -1,23 +1,32 @@
<flux:header container class="bg-zinc-50 dark:bg-zinc-900 border-b border-zinc-200 dark:border-zinc-700">
<section class="bg-zinc-50 dark:bg-zinc-900 border-b border-zinc-200 dark:border-zinc-700">
<flux:header class="container mx-auto flex items-center">
<flux:sidebar.toggle class="lg:hidden" icon="bars-2" inset="left" />
<flux:brand href="{{ route('dashboard') }}" logo="https://fluxui.dev/img/demo/logo.png" name="Filament" class="max-lg:hidden dark:hidden" />
<flux:brand href="{{ route('dashboard') }}" logo="https://fluxui.dev/img/demo/dark-mode-logo.png" name="Filament" class="max-lg:hidden! hidden dark:flex" />
<flux:navbar class="-mb-px max-lg:hidden">
<flux:navbar.item icon="home" href="{{ route('dashboard') }}">Dashboard</flux:navbar.item>
<flux:navbar.item icon="archive-box" href="{{ route('manufacturers.index') }}">Manufacturers</flux:navbar.item>
<flux:navbar.item icon="circle-stack" href="{{ route('filaments.index') }}">Filaments</flux:navbar.item>
<flux:navbar.item icon="chart-pie" href="{{ route('types.index') }}">Types</flux:navbar.item>
<flux:navbar.item icon="swatch" href="{{ route('colors.index') }}">Colors</flux:navbar.item>
<flux:navbar.item wire:navigate icon="home" href="{{ route('dashboard') }}">Dashboard</flux:navbar.item>
<flux:navbar.item wire:navigate icon="archive-box" href="{{ route('manufacturers.index') }}">Manufacturers</flux:navbar.item>
<flux:dropdown>
<flux:navbar.item icon="circle-stack" icon-trailing="chevron-down">Filaments</flux:navbar.item>
<flux:navmenu>
<flux:navmenu.item wire:navigate href="{{ route('filaments.index') }}">All Filaments</flux:navmenu.item>
<flux:navmenu.separator />
<flux:navmenu.item wire:navigate href="{{ route('colors.index') }}">Colors</flux:navmenu.item>
<flux:navmenu.item wire:navigate href="{{ route('types.index') }}">Types</flux:navmenu.item>
</flux:navmenu>
</flux:dropdown>
</flux:navbar>
<flux:spacer />
<flux:navbar class="mr-4">
<flux:navbar.item icon="magnifying-glass" href="#" label="Search" />
<flux:navbar.item class="max-lg:hidden" icon="cog-6-tooth" href="#" label="Settings" />
<flux:navbar.item class="max-lg:hidden" icon="information-circle" href="#" label="Help" />
<flux:separator vertical variant="subtle" class="my-2"/>
</flux:navbar>
@@ -36,4 +45,5 @@
</flux:menu>
</flux:dropdown>
</flux:header>
</flux:header>
</section>