20 lines
1.1 KiB
HTML
20 lines
1.1 KiB
HTML
<header class="h-16 bg-white border-b border-gray-200 flex items-center justify-between px-8 shadow-sm">
|
|
<div class="flex items-center gap-4">
|
|
<div class="relative hidden lg:block">
|
|
<i data-lucide="search" class="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400"></i>
|
|
<input type="text" placeholder="Buscar..." class="pl-10 pr-4 py-2 bg-gray-100 border-none rounded-full focus:ring-2 focus:ring-blue-500 focus:bg-white text-sm w-64 transition-all">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-center gap-4">
|
|
<div class="flex items-center gap-3">
|
|
<div class="text-right hidden sm:block">
|
|
<p class="text-sm font-semibold text-gray-700" id="headerUserName">Cargando...</p>
|
|
<p class="text-xs text-gray-500" id="headerUserRole">...</p>
|
|
</div>
|
|
<div class="w-10 h-10 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-full flex items-center justify-center text-white font-bold shadow-lg" id="headerUserAvatar">
|
|
U
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header> |