changed to Flux Headerbar

This commit is contained in:
2025-03-10 15:56:05 +01:00
parent 180e144386
commit df43c77f87
2 changed files with 41 additions and 3 deletions
@@ -0,0 +1,38 @@
<flux:header container class="bg-zinc-50 dark:bg-zinc-900 border-b border-zinc-200 dark:border-zinc-700">
<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') }}" current>Dashboard</flux:navbar.item>
<flux:navbar.item icon="archive-box" href="#">Hersteller</flux:navbar.item>
<flux:navbar.item icon="circle-stack" href="#">Filamente</flux:navbar.item>
<flux:navbar.item icon="chart-pie" badge="12" href="#">Arten</flux:navbar.item>
</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>
<flux:dropdown position="top" align="start">
<flux:profile avatar="{{ Auth::user()->profile_photo_url }}" />
<flux:menu>
<flux:menu.item href="{{ route('profile.show') }}" icon="user">{{ Auth::user()->name }}</flux:menu.item>
<flux:menu.separator />
<form method="POST" action="{{ route('logout') }}" x-data>
@csrf
<flux:menu.item href="{{ route('logout') }}" icon="arrow-right-start-on-rectangle" @click.prevent="$root.submit();">Logout</flux:menu.item>
</form>
</flux:menu>
</flux:dropdown>
</flux:header>
+3 -3
View File
@@ -19,11 +19,11 @@
@livewireStyles @livewireStyles
@fluxAppearance @fluxAppearance
</head> </head>
<body class="font-sans antialiased"> <body class="font-sans antialiased min-h-screen bg-white dark:bg-zinc-800">
<x-banner /> <x-banner />
<div class="min-h-screen bg-gray-100 dark:bg-gray-900"> <div>
@livewire('navigation-menu') <x-navbar></x-navbar>
<!-- Page Heading --> <!-- Page Heading -->
@if (isset($header)) @if (isset($header))