42 lines
2.1 KiB
HTML
42 lines
2.1 KiB
HTML
<nav class="px-1 md:px-4 flex justify-between bg-white h-16 border-b-2" x-data="{
|
|
open: false,
|
|
}">
|
|
<!-- top bar -->
|
|
|
|
<ul class="flex items-center md:hidden">
|
|
<!-- top bar left -->
|
|
<div class="items-center justify-start h-16 md:px-10 py-2 object-cover">
|
|
<img src="/img/logo.webp" alt="" class="w-20 ml-11 mt-1 md:mt-0 md:ml-0">
|
|
</div>
|
|
</ul>
|
|
|
|
<ul class="flex items-center">
|
|
<!-- top bar center -->
|
|
<li>
|
|
<h1 class="mx-2 lg:pl-0 text-gray-700 md:text-sm text-xs" >{{ .user.NombreUsuario }} - {{ .user.Role.Name }}</h1>
|
|
</li>
|
|
</ul>
|
|
|
|
<ul class="flex items-center">
|
|
<!-- top bar right -->
|
|
<li class="h-8 w-8 relative profile-action">
|
|
<button @click="open = !open" class="block h-8 w-8 rounded-full overflow-hidden border-1 border-gray-600 focus:outline-none focus:border-white">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-7 h-7">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
|
|
</svg>
|
|
</button>
|
|
|
|
<!-- dropdown menu -->
|
|
<div x-show="open" @click.outside="open = false" class="profile-action-dropdown absolute bg-gray-100 border border-t-0 shadow-xl text-gray-700 rounded-lg overflow-hidden w-48 top-10 right-0 mr-6 z-10">
|
|
<a href="/app/profile" class="block px-4 py-2 hover:bg-gray-200">Mi cuenta</a>
|
|
<a href="/do/logout" class="block px-4 py-2 hover:bg-gray-200"
|
|
onclick="event.preventDefault(); document.getElementById('logout-form-profile').submit();">
|
|
Cerrar sesión
|
|
</a>
|
|
<form id="logout-form-profile" action="/do/logout" method="POST" style="display: none;"></form>
|
|
</div>
|
|
<!-- dropdown menu end -->
|
|
</li>
|
|
</ul>
|
|
</nav>
|