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_destroy(); // Destruye la sesión
header("Location: /IMPORTADORES/sistemas/login");
header("Location: /IMPORTADORES/login");
exit;
}

View File

@@ -26,10 +26,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */
}
.sidebar .nav-link {
color: #ccc;
padding: 12px 20px;
font-weight: bold;
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;
color: #fff;
}
@@ -59,6 +61,16 @@
.content {
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 {
border-radius: 12px;

View File

@@ -22,10 +22,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */
}
.sidebar .nav-link {
color: #ccc;
padding: 12px 20px;
font-weight: bold;
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;
color: #fff;
}
@@ -55,6 +57,16 @@
.content {
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 {
border-radius: 12px;

View File

@@ -28,10 +28,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */
}
.sidebar .nav-link {
color: #ccc;
padding: 12px 20px;
font-weight: bold;
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;
color: #fff;
}
@@ -61,6 +63,16 @@
.content {
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 {
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 */
}
.sidebar .nav-link {
color: #ccc;
padding: 12px 20px;
font-weight: bold;
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;
color: #fff;
}
@@ -58,6 +60,16 @@ include __DIR__ . '/../partials/sidebar_importador.php';
.content {
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 {
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 -->
<nav class="navbar navbar-dark bg-dark fixed-top">
<div class="container-fluid">

View File

@@ -20,10 +20,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */
}
.sidebar .nav-link {
color: #ccc;
padding: 12px 20px;
font-weight: bold;
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;
color: #fff;
}
@@ -53,6 +55,16 @@
.content {
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 {
border-radius: 12px;

View File

@@ -20,10 +20,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */
}
.sidebar .nav-link {
color: #ccc;
padding: 12px 20px;
font-weight: bold;
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;
color: #fff;
}
@@ -53,6 +55,16 @@
.content {
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 {
border-radius: 12px;

View File

@@ -20,10 +20,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */
}
.sidebar .nav-link {
color: #ccc;
padding: 12px 20px;
font-weight: bold;
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;
color: #fff;
}
@@ -53,6 +55,16 @@
.content {
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 {
border-radius: 12px;

View File

@@ -22,10 +22,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */
}
.sidebar .nav-link {
color: #ccc;
padding: 12px 20px;
font-weight: bold;
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;
color: #fff;
}
@@ -55,6 +57,16 @@
.content {
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 {
border-radius: 12px;

View File

@@ -26,10 +26,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */
}
.sidebar .nav-link {
color: #ccc;
padding: 12px 20px;
font-weight: bold;
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;
color: #fff;
}
@@ -59,6 +61,16 @@
.content {
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 {
border-radius: 12px;

View File

@@ -29,10 +29,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */
}
.sidebar .nav-link {
color: #ccc;
padding: 12px 20px;
font-weight: bold;
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;
color: #fff;
}
@@ -62,6 +64,16 @@
.content {
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 {
border-radius: 12px;

View File

@@ -30,10 +30,12 @@ if (!($_SESSION['usuario_id'] ?? false)) {
z-index: 1040; /* Asegura que esté por encima del contenido */
}
.sidebar .nav-link {
color: #ccc;
padding: 12px 20px;
font-weight: bold;
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;
color: #fff;
}
@@ -63,6 +65,16 @@ if (!($_SESSION['usuario_id'] ?? false)) {
.content {
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 {
border-radius: 12px;

View File

@@ -28,10 +28,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */
}
.sidebar .nav-link {
color: #ccc;
padding: 12px 20px;
font-weight: bold;
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;
color: #fff;
}
@@ -61,6 +63,16 @@
.content {
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 {
border-radius: 12px;

View File

@@ -20,10 +20,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */
}
.sidebar .nav-link {
color: #ccc;
padding: 12px 20px;
font-weight: bold;
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;
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 */
}
.sidebar .nav-link {
color: #ccc;
padding: 12px 20px;
font-weight: bold;
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;
color: #fff;
}
@@ -68,6 +70,16 @@ unset($_SESSION['import_errors'], $_SESSION['import_success']);
.content {
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 {
border-radius: 12px;

View File

@@ -26,10 +26,12 @@ session_start();
z-index: 1040; /* Asegura que esté por encima del contenido */
}
.sidebar .nav-link {
color: #ccc;
padding: 12px 20px;
font-weight: bold;
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;
color: #fff;
}
@@ -59,6 +61,16 @@ session_start();
.content {
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 {
border-radius: 12px;

View File

@@ -29,10 +29,12 @@
z-index: 1040; /* Asegura que esté por encima del contenido */
}
.sidebar .nav-link {
color: #ccc;
padding: 12px 20px;
font-weight: bold;
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;
color: #fff;
}
@@ -62,6 +64,16 @@
.content {
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 {
border-radius: 12px;