Estilos y logout

This commit is contained in:
2025-05-12 16:31:01 -06:00
parent c3fd3f9923
commit 5e2b890d46
18 changed files with 260 additions and 49 deletions

View File

@@ -114,7 +114,7 @@ function logout() {
session_unset(); // Limpia variables de sesión session_unset(); // Limpia variables de sesión
session_destroy(); // Destruye la sesión session_destroy(); // Destruye la sesión
header("Location: /IMPORTADORES/sistemas/login"); header("Location: /IMPORTADORES/login");
exit; exit;
} }

View File

@@ -26,10 +26,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */ z-index: 1040; /* Asegura que esté por encima del contenido */
} }
.sidebar .nav-link { .sidebar .nav-link {
color: #ccc; font-weight: bold;
padding: 12px 20px; color: white;
transition: all 0.3s ease;
} }
.sidebar .nav-link:hover, .sidebar .nav-link.active { .sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #495057; background-color: #495057;
color: #fff; color: #fff;
} }
@@ -59,6 +61,16 @@
.content { .content {
margin-left: 0; margin-left: 0;
} }
.sidebar .nav-link {
font-weight: normal;
color: #343a40;
background-color: transparent;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #e9ecef;
color: #212529;
}
} }
.card { .card {
border-radius: 12px; border-radius: 12px;

View File

@@ -22,10 +22,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */ z-index: 1040; /* Asegura que esté por encima del contenido */
} }
.sidebar .nav-link { .sidebar .nav-link {
color: #ccc; font-weight: bold;
padding: 12px 20px; color: white;
transition: all 0.3s ease;
} }
.sidebar .nav-link:hover, .sidebar .nav-link.active { .sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #495057; background-color: #495057;
color: #fff; color: #fff;
} }
@@ -55,6 +57,16 @@
.content { .content {
margin-left: 0; margin-left: 0;
} }
.sidebar .nav-link {
font-weight: normal;
color: #343a40;
background-color: transparent;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #e9ecef;
color: #212529;
}
} }
.card { .card {
border-radius: 12px; border-radius: 12px;

View File

@@ -28,10 +28,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */ z-index: 1040; /* Asegura que esté por encima del contenido */
} }
.sidebar .nav-link { .sidebar .nav-link {
color: #ccc; font-weight: bold;
padding: 12px 20px; color: white;
transition: all 0.3s ease;
} }
.sidebar .nav-link:hover, .sidebar .nav-link.active { .sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #495057; background-color: #495057;
color: #fff; color: #fff;
} }
@@ -61,6 +63,16 @@
.content { .content {
margin-left: 0; margin-left: 0;
} }
.sidebar .nav-link {
font-weight: normal;
color: #343a40;
background-color: transparent;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #e9ecef;
color: #212529;
}
} }
.card { .card {
border-radius: 12px; border-radius: 12px;

View File

@@ -25,10 +25,12 @@ include __DIR__ . '/../partials/sidebar_importador.php';
z-index: 1040; /* Asegura que esté por encima del contenido */ z-index: 1040; /* Asegura que esté por encima del contenido */
} }
.sidebar .nav-link { .sidebar .nav-link {
color: #ccc; font-weight: bold;
padding: 12px 20px; color: white;
transition: all 0.3s ease;
} }
.sidebar .nav-link:hover, .sidebar .nav-link.active { .sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #495057; background-color: #495057;
color: #fff; color: #fff;
} }
@@ -58,6 +60,16 @@ include __DIR__ . '/../partials/sidebar_importador.php';
.content { .content {
margin-left: 0; margin-left: 0;
} }
.sidebar .nav-link {
font-weight: normal;
color: #343a40;
background-color: transparent;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #e9ecef;
color: #212529;
}
} }
.card { .card {
border-radius: 12px; border-radius: 12px;

View File

@@ -6,6 +6,35 @@ if (!isset($_SESSION['usuario_id']) || $_SESSION['tipo_usuario'] !== 'importador
} }
?> ?>
<style>
.nav .nav-link {
font-weight: normal;
color: white;
transition: all 0.3s ease;
}
.nav .nav-link:hover,
.nav .nav-link.active {
background-color: #495057;
color: #fff;
}
/* Estilo inverso solo para pantallas pequeñas (sidebar tipo offcanvas) */
@media (max-width: 767.98px) {
.nav .nav-link {
font-weight: normal;
color: #343a40;
background-color: transparent;
}
.nav .nav-link:hover,
.nav .nav-link.active {
background-color: #e9ecef;
color: #212529;
}
}
</style>
<!-- NAVBAR --> <!-- NAVBAR -->
<nav class="navbar navbar-dark bg-dark fixed-top"> <nav class="navbar navbar-dark bg-dark fixed-top">
<div class="container-fluid"> <div class="container-fluid">

View File

@@ -20,10 +20,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */ z-index: 1040; /* Asegura que esté por encima del contenido */
} }
.sidebar .nav-link { .sidebar .nav-link {
color: #ccc; font-weight: bold;
padding: 12px 20px; color: white;
transition: all 0.3s ease;
} }
.sidebar .nav-link:hover, .sidebar .nav-link.active { .sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #495057; background-color: #495057;
color: #fff; color: #fff;
} }
@@ -53,6 +55,16 @@
.content { .content {
margin-left: 0; margin-left: 0;
} }
.sidebar .nav-link {
font-weight: normal;
color: #343a40;
background-color: transparent;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #e9ecef;
color: #212529;
}
} }
.card { .card {
border-radius: 12px; border-radius: 12px;

View File

@@ -20,10 +20,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */ z-index: 1040; /* Asegura que esté por encima del contenido */
} }
.sidebar .nav-link { .sidebar .nav-link {
color: #ccc; font-weight: bold;
padding: 12px 20px; color: white;
transition: all 0.3s ease;
} }
.sidebar .nav-link:hover, .sidebar .nav-link.active { .sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #495057; background-color: #495057;
color: #fff; color: #fff;
} }
@@ -53,6 +55,16 @@
.content { .content {
margin-left: 0; margin-left: 0;
} }
.sidebar .nav-link {
font-weight: normal;
color: #343a40;
background-color: transparent;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #e9ecef;
color: #212529;
}
} }
.card { .card {
border-radius: 12px; border-radius: 12px;

View File

@@ -20,10 +20,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */ z-index: 1040; /* Asegura que esté por encima del contenido */
} }
.sidebar .nav-link { .sidebar .nav-link {
color: #ccc; font-weight: bold;
padding: 12px 20px; color: white;
transition: all 0.3s ease;
} }
.sidebar .nav-link:hover, .sidebar .nav-link.active { .sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #495057; background-color: #495057;
color: #fff; color: #fff;
} }
@@ -53,6 +55,16 @@
.content { .content {
margin-left: 0; margin-left: 0;
} }
.sidebar .nav-link {
font-weight: normal;
color: #343a40;
background-color: transparent;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #e9ecef;
color: #212529;
}
} }
.card { .card {
border-radius: 12px; border-radius: 12px;

View File

@@ -22,10 +22,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */ z-index: 1040; /* Asegura que esté por encima del contenido */
} }
.sidebar .nav-link { .sidebar .nav-link {
color: #ccc; font-weight: bold;
padding: 12px 20px; color: white;
transition: all 0.3s ease;
} }
.sidebar .nav-link:hover, .sidebar .nav-link.active { .sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #495057; background-color: #495057;
color: #fff; color: #fff;
} }
@@ -55,6 +57,16 @@
.content { .content {
margin-left: 0; margin-left: 0;
} }
.sidebar .nav-link {
font-weight: normal;
color: #343a40;
background-color: transparent;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #e9ecef;
color: #212529;
}
} }
.card { .card {
border-radius: 12px; border-radius: 12px;

View File

@@ -26,10 +26,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */ z-index: 1040; /* Asegura que esté por encima del contenido */
} }
.sidebar .nav-link { .sidebar .nav-link {
color: #ccc; font-weight: bold;
padding: 12px 20px; color: white;
transition: all 0.3s ease;
} }
.sidebar .nav-link:hover, .sidebar .nav-link.active { .sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #495057; background-color: #495057;
color: #fff; color: #fff;
} }
@@ -59,6 +61,16 @@
.content { .content {
margin-left: 0; margin-left: 0;
} }
.sidebar .nav-link {
font-weight: normal;
color: #343a40;
background-color: transparent;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #e9ecef;
color: #212529;
}
} }
.card { .card {
border-radius: 12px; border-radius: 12px;

View File

@@ -29,10 +29,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */ z-index: 1040; /* Asegura que esté por encima del contenido */
} }
.sidebar .nav-link { .sidebar .nav-link {
color: #ccc; font-weight: bold;
padding: 12px 20px; color: white;
transition: all 0.3s ease;
} }
.sidebar .nav-link:hover, .sidebar .nav-link.active { .sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #495057; background-color: #495057;
color: #fff; color: #fff;
} }
@@ -62,6 +64,16 @@
.content { .content {
margin-left: 0; margin-left: 0;
} }
.sidebar .nav-link {
font-weight: normal;
color: #343a40;
background-color: transparent;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #e9ecef;
color: #212529;
}
} }
.card { .card {
border-radius: 12px; border-radius: 12px;

View File

@@ -30,10 +30,12 @@ if (!($_SESSION['usuario_id'] ?? false)) {
z-index: 1040; /* Asegura que esté por encima del contenido */ z-index: 1040; /* Asegura que esté por encima del contenido */
} }
.sidebar .nav-link { .sidebar .nav-link {
color: #ccc; font-weight: bold;
padding: 12px 20px; color: white;
transition: all 0.3s ease;
} }
.sidebar .nav-link:hover, .sidebar .nav-link.active { .sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #495057; background-color: #495057;
color: #fff; color: #fff;
} }
@@ -63,6 +65,16 @@ if (!($_SESSION['usuario_id'] ?? false)) {
.content { .content {
margin-left: 0; margin-left: 0;
} }
.sidebar .nav-link {
font-weight: normal;
color: #343a40;
background-color: transparent;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #e9ecef;
color: #212529;
}
} }
.card { .card {
border-radius: 12px; border-radius: 12px;

View File

@@ -28,10 +28,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */ z-index: 1040; /* Asegura que esté por encima del contenido */
} }
.sidebar .nav-link { .sidebar .nav-link {
color: #ccc; font-weight: bold;
padding: 12px 20px; color: white;
transition: all 0.3s ease;
} }
.sidebar .nav-link:hover, .sidebar .nav-link.active { .sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #495057; background-color: #495057;
color: #fff; color: #fff;
} }
@@ -61,6 +63,16 @@
.content { .content {
margin-left: 0; margin-left: 0;
} }
.sidebar .nav-link {
font-weight: normal;
color: #343a40;
background-color: transparent;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #e9ecef;
color: #212529;
}
} }
.card { .card {
border-radius: 12px; border-radius: 12px;

View File

@@ -20,10 +20,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */ z-index: 1040; /* Asegura que esté por encima del contenido */
} }
.sidebar .nav-link { .sidebar .nav-link {
color: #ccc; font-weight: bold;
padding: 12px 20px; color: white;
transition: all 0.3s ease;
} }
.sidebar .nav-link:hover, .sidebar .nav-link.active { .sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #495057; background-color: #495057;
color: #fff; color: #fff;
} }

View File

@@ -35,10 +35,12 @@ unset($_SESSION['import_errors'], $_SESSION['import_success']);
z-index: 1040; /* Asegura que esté por encima del contenido */ z-index: 1040; /* Asegura que esté por encima del contenido */
} }
.sidebar .nav-link { .sidebar .nav-link {
color: #ccc; font-weight: bold;
padding: 12px 20px; color: white;
transition: all 0.3s ease;
} }
.sidebar .nav-link:hover, .sidebar .nav-link.active { .sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #495057; background-color: #495057;
color: #fff; color: #fff;
} }
@@ -68,6 +70,16 @@ unset($_SESSION['import_errors'], $_SESSION['import_success']);
.content { .content {
margin-left: 0; margin-left: 0;
} }
.sidebar .nav-link {
font-weight: normal;
color: #343a40;
background-color: transparent;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #e9ecef;
color: #212529;
}
} }
.card { .card {
border-radius: 12px; border-radius: 12px;

View File

@@ -26,10 +26,12 @@ session_start();
z-index: 1040; /* Asegura que esté por encima del contenido */ z-index: 1040; /* Asegura que esté por encima del contenido */
} }
.sidebar .nav-link { .sidebar .nav-link {
color: #ccc; font-weight: bold;
padding: 12px 20px; color: white;
transition: all 0.3s ease;
} }
.sidebar .nav-link:hover, .sidebar .nav-link.active { .sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #495057; background-color: #495057;
color: #fff; color: #fff;
} }
@@ -59,6 +61,16 @@ session_start();
.content { .content {
margin-left: 0; margin-left: 0;
} }
.sidebar .nav-link {
font-weight: normal;
color: #343a40;
background-color: transparent;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #e9ecef;
color: #212529;
}
} }
.card { .card {
border-radius: 12px; border-radius: 12px;

View File

@@ -29,10 +29,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */ z-index: 1040; /* Asegura que esté por encima del contenido */
} }
.sidebar .nav-link { .sidebar .nav-link {
color: #ccc; font-weight: bold;
padding: 12px 20px; color: white;
transition: all 0.3s ease;
} }
.sidebar .nav-link:hover, .sidebar .nav-link.active { .sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #495057; background-color: #495057;
color: #fff; color: #fff;
} }
@@ -62,6 +64,16 @@
.content { .content {
margin-left: 0; margin-left: 0;
} }
.sidebar .nav-link {
font-weight: normal;
color: #343a40;
background-color: transparent;
}
.sidebar .nav-link:hover,
.sidebar .nav-link.active {
background-color: #e9ecef;
color: #212529;
}
} }
.card { .card {
border-radius: 12px; border-radius: 12px;