changed to Flux Headerbar
This commit is contained in:
@@ -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>
|
||||||
@@ -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))
|
||||||
|
|||||||
Reference in New Issue
Block a user