35 lines
1.7 KiB
PHP
35 lines
1.7 KiB
PHP
<flux:header 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" />
|
|
<flux:brand href="javascript:void(0)" logo="{{ asset('assets/images/logo.png') }}" name="Yadi Parfum"
|
|
class="max-lg:hidden dark:hidden" />
|
|
<flux:brand href="javascript:void(0)" logo="{{ asset('assets/images/dark-logo.png') }}" name="Yadi Parfum"
|
|
class="max-lg:hidden! hidden dark:flex" />
|
|
<flux:spacer />
|
|
<flux:navbar class="me-4">
|
|
<flux:navbar.item icon="bell" href="javascript:void(0)" label="Notifikasi" />
|
|
<flux:navbar.item x-data x-on:click="$flux.dark = ! $flux.dark" href="javascript:void(0)">
|
|
<template x-if="$flux.dark">
|
|
<div class="flex items-center gap-2">
|
|
<flux:icon name="sun" class="w-5 h-5" />
|
|
</div>
|
|
</template>
|
|
|
|
<template x-if="!$flux.dark">
|
|
<div class="flex items-center gap-2">
|
|
<flux:icon name="moon" class="w-5 h-5" />
|
|
</div>
|
|
</template>
|
|
</flux:navbar.item>
|
|
</flux:navbar>
|
|
<flux:dropdown position="top" align="end">
|
|
<flux:avatar circle size="sm" src="https://unavatar.io/x/calebporzio" as="button" />
|
|
<flux:navmenu>
|
|
<flux:navmenu.item href="#" icon="cog">Pengaturan</flux:navmenu.item>
|
|
<flux:navmenu.item href="#" icon="paint-brush">Tema</flux:navmenu.item>
|
|
<flux:navmenu.item href="#" icon="chart-bar">Statistik</flux:navmenu.item>
|
|
<flux:menu.separator />
|
|
@livewire('auth.logout')
|
|
</flux:navmenu>
|
|
</flux:dropdown>
|
|
</flux:header>
|