marsalva/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Añadir header.html

Browse Source
This commit is contained in:
marsalva
2026-02-07 23:22:13 +00:00
parent 6dd0cce80f
commit 0bac4072cf
1 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
header.html Normal file
View File

@@ -0,0 +1,20 @@
<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>