61 lines
3.1 KiB
PHP
61 lines
3.1 KiB
PHP
<style>
|
|
body { font-family: 'Segoe UI', sans-serif; }
|
|
.table td, .table th { vertical-align: middle; }
|
|
.sidebar { width: 220px; background-color: #343a40; position: fixed; top: 56px; bottom: 0; left: 0; z-index: 1045; padding-top: 1rem; height: 100vh; overflow-y: auto; border-right: 1px solid #dee2e6; }
|
|
.sidebar a { color: white; text-decoration: none; }
|
|
.sidebar .nav-link.active,
|
|
.sidebar .nav-link:hover { background-color: #495057; }
|
|
.content { margin-left: 230px; margin-top: 70px; }
|
|
@media (max-width: 991.98px) {
|
|
.sidebar { position: relative; width: 100%; height: auto; border-right: none; }
|
|
.content { margin-left: 0; margin-top: 20px; }
|
|
}
|
|
</style>
|
|
|
|
<!-- 🔷 NAVBAR -->
|
|
<nav class="navbar navbar-dark bg-dark fixed-top">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="#">SIIH | Admin</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- SIDEBAR FIJA (escritorio) -->
|
|
<div class="d-none d-md-block bg-dark text-white position-fixed h-100 pt-5" style="width: 250px;">
|
|
<nav class="nav flex-column">
|
|
<a href="/IMPORTADORES/sistemas/alta_usuarios" class="nav-link px-3 py-2 <?= $_GET['url'] === 'sistemas/alta_usuarios' ? 'active' : '' ?>">👥 Usuarios</a>
|
|
|
|
<a href="/IMPORTADORES/sistemas/agencias_activas" class="nav-link px-3 py-2 <?= $_GET['url'] === 'sistemas/agencias_activas' ? 'active' : '' ?>">🏪 Agencias</a>
|
|
|
|
<a href="/IMPORTADORES/sistemas/bitacora_login" class="nav-link px-3 py-2 <?= $_GET['url'] === 'sistemas/bitacora_login' ? 'active' : '' ?>">🕵️ Bitácora Accesos</a>
|
|
|
|
<a href="/IMPORTADORES/sistemas/bitacora_usuarios" class="nav-link px-3 py-2 <?= $_GET['url'] === 'sistemas/bitacora_usuarios' ? 'active' : '' ?>">🛠️ Bitácora Usuarios</a>
|
|
|
|
<a href="#" class="nav-link px-3 py-2">📦 Configuración</a>
|
|
|
|
<a href="/IMPORTADORES/sistemas/logout" class="nav-link px-3 py-2 text-danger">🚪 Cerrar sesión</a>
|
|
</nav>
|
|
</div>
|
|
|
|
<!-- OFFCANVAS PARA MÓVILES -->
|
|
<div class="offcanvas offcanvas-start d-md-none" tabindex="-1" id="sidebarMenu" style="top: 56px;">
|
|
<div class="offcanvas-header">
|
|
<h5 class="offcanvas-title">Menú</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="offcanvas"></button>
|
|
</div>
|
|
<div class="offcanvas-body">
|
|
|
|
<!-- INICIO -->
|
|
<a href="/IMPORTADORES/sistemas/alta_usuarios" class="nav-link px-3 py-2 <?= $_GET['url'] === 'sistemas/alta_usuarios' ? 'active' : '' ?>">👥 Usuarios</a>
|
|
|
|
<a href="/IMPORTADORES/sistemas/agencias_activas" class="nav-link px-3 py-2 <?= $_GET['url'] === 'sistemas/agencias_activas' ? 'active' : '' ?>">🏪 Agencias</a>
|
|
|
|
<a href="/IMPORTADORES/sistemas/bitacora_login" class="nav-link px-3 py-2 <?= $_GET['url'] === 'sistemas/bitacora_login' ? 'active' : '' ?>">🕵️ Bitácora Accesos</a>
|
|
|
|
<a href="/IMPORTADORES/sistemas/bitacora_usuarios" class="nav-link px-3 py-2 <?= $_GET['url'] === 'sistemas/bitacora_usuarios' ? 'active' : '' ?>">🛠️ Bitácora Usuarios</a>
|
|
|
|
<a href="#" class="nav-link px-3 py-2">📦 Configuración</a>
|
|
|
|
<a href="/IMPORTADORES/sistemas/logout" class="nav-link px-3 py-2 text-danger">🚪 Cerrar sesión</a>
|
|
|
|
</div>
|
|
</div> |