49 lines
1.9 KiB
PHP
49 lines
1.9 KiB
PHP
<nav>
|
|
<!-- top -->
|
|
<section class="top">
|
|
<!-- logo -->
|
|
<a href="{{ route('dashboard') }}">
|
|
<x-application-logo class="logo logo--app" />
|
|
</a>
|
|
|
|
<!-- app nav -->
|
|
<menu>
|
|
<x-app.nav-button
|
|
:href="route('dashboard')"
|
|
:active="request()->routeIs('dashboard')"
|
|
icon="home"
|
|
/>
|
|
<x-app.nav-button
|
|
:href="route('calendar.index')"
|
|
:active="request()->routeIs('calendar*')"
|
|
icon="calendar"
|
|
/>
|
|
<x-app.nav-button
|
|
:href="route('book.index')"
|
|
:active="request()->routeIs('book.index')"
|
|
icon="book-user"
|
|
/>
|
|
<menu>
|
|
</section>
|
|
|
|
<!-- bottom -->
|
|
<section class="bottom">
|
|
<x-button.icon type="anchor" :href="route('settings')">
|
|
<x-icon-settings class="w-7 h-7" />
|
|
</x-button.icon>
|
|
<x-button.icon type="anchor" :href="route('account.index')">
|
|
<x-icon-user-circle class="w-7 h-7" />
|
|
</x-button.icon>
|
|
</div>
|
|
|
|
<!-- Hamburger -->
|
|
<div class="-me-2 flex items-center sm:hidden">
|
|
<button @click="open = ! open" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-hidden focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out">
|
|
<svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
|
|
<path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
|
<path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</nav>
|