37 lines
2.1 KiB
HTML
37 lines
2.1 KiB
HTML
<aside class="w-64 bg-slate-900 text-white flex flex-col hidden md:flex shadow-xl z-20 h-full">
|
|
<div class="h-16 flex items-center justify-center border-b border-slate-800">
|
|
<h1 class="text-xl font-bold tracking-wider text-blue-400">INTEGRA<span class="text-white">REPARA</span></h1>
|
|
</div>
|
|
|
|
<nav class="flex-1 px-4 py-6 space-y-2" id="sidebarNav">
|
|
<a href="panel.html" data-page="panel.html" class="nav-item flex items-center gap-3 px-4 py-3 rounded-lg transition-all text-slate-400 hover:text-white hover:bg-slate-800">
|
|
<i data-lucide="layout-dashboard" class="w-5 h-5"></i>
|
|
<span>Dashboard</span>
|
|
</a>
|
|
<a href="#" class="nav-item flex items-center gap-3 px-4 py-3 rounded-lg transition-all text-slate-400 hover:text-white hover:bg-slate-800">
|
|
<i data-lucide="calendar" class="w-5 h-5"></i>
|
|
<span>Calendario</span>
|
|
</a>
|
|
<a href="#" class="nav-item flex items-center gap-3 px-4 py-3 rounded-lg transition-all text-slate-400 hover:text-white hover:bg-slate-800">
|
|
<i data-lucide="users" class="w-5 h-5"></i>
|
|
<span>Clientes</span>
|
|
</a>
|
|
|
|
<a href="usuarios.html" data-page="usuarios.html" class="nav-item flex items-center gap-3 px-4 py-3 rounded-lg transition-all text-slate-400 hover:text-white hover:bg-slate-800">
|
|
<i data-lucide="user-cog" class="w-5 h-5"></i>
|
|
<span>Usuarios</span>
|
|
</a>
|
|
|
|
<a href="configuracion.html" data-page="configuracion.html" class="nav-item flex items-center gap-3 px-4 py-3 rounded-lg transition-all text-slate-400 hover:text-white hover:bg-slate-800">
|
|
<i data-lucide="settings" class="w-5 h-5"></i>
|
|
<span>Configuración</span>
|
|
</a>
|
|
</nav>
|
|
|
|
<div class="p-4 border-t border-slate-800">
|
|
<button id="globalBtnLogout" class="flex items-center gap-2 text-slate-400 hover:text-red-400 transition-colors w-full p-2 rounded hover:bg-slate-800">
|
|
<i data-lucide="log-out" class="w-5 h-5"></i>
|
|
<span>Cerrar Sesión</span>
|
|
</button>
|
|
</div>
|
|
</aside> |