Files
zenithar/resources/views/components/navbar.blade.php
2025-01-07 07:09:25 -03:00

30 lines
1.6 KiB
PHP

<div class="shadow z-10">
<div class="border-b">
<div class="container mx-auto flex flex-col items-center justify-between gap-2 px-4 py-4 sm:py-0 sm:h-14 sm:flex-row">
<span class="text-4xl sm:text-2xl font-semibold text-primary-700">Zenithar</span>
<x-dropdown>
<x-slot:action>
<button class="flex items-center gap-2 rounded p-1 text-start hover:bg-secondary-50 active:bg-secondary-100"
x-on:click="show = !show">
<img class="h-8 rounded" src="https://api.dicebear.com/9.x/thumbs/svg" alt="avatar" />
<div>
<p class="text-sm">Daniel Cortés</p>
<p class="text-xs text-secondary">Administrador</p>
</div>
</button>
</x-slot:action>
<x-dropdown.items text="Cerrar Sesión" separator />
</x-dropdown>
</div>
</div>
<div class="border-b">
<nav class="container mx-auto flex flex-col sm:h-14 sm:flex-row sm:px-4">
<x-navlink icon="home" :route="route('home.index')" :active="Route::is('home.*')" title="Inicio" />
<x-navlink icon="cash" :route="route('cajas.index')" :active="Route::is('cajas.*')" title="Cajas" />
<x-navlink icon="report" :route="route('reportes.index')" :active="Route::is('reportes.*')" title="Reportes" />
<x-navlink icon="settings" :route="route('configuracion.index')" :active="Route::is('configuracion.*')" title="Configuración" />
</nav>
</div>
</div>