Files
Rendiciones-App/static/style.css

78 lines
1.8 KiB
CSS

.navbar {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.navbar-brand {
font-size: 1.25rem;
letter-spacing: -0.5px;
}
.nav-link {
transition: color 0.2s ease-in-out;
}
/* Estilo para los elementos del dropdown al pasar el mouse */
.dropdown-menu-dark .dropdown-menu-item {
color: #dee2e6;
text-decoration: none;
padding: 0.25rem 1rem;
display: block;
width: 100%;
clear: both;
font-weight: 400;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
transition: background-color 0.15s ease-in-out;
}
.dropdown-menu-dark .dropdown-menu-item:hover {
color: #fff;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 6px;
}
/* Separación de iconos en dropdowns */
.dropdown-menu-item i {
width: 1.25rem;
text-align: center;
}
[data-bs-theme="dark"] .form-control[readonly] {
background-color: #1a1d21; /* Un fondo casi negro, más oscuro que el modal */
border-color: #373b3e; /* Un borde sutil */
color: #e3e6e8; /* Texto blanco grisáceo, muy legible */
opacity: 1; /* Evita la opacidad predeterminada de Bootstrap */
cursor: not-allowed; /* Refuerza visualmente que no es editable */
}
[data-bs-theme="dark"] .text-muted-rut {
color: #adb5bd !important; /* Un gris medio para el label "RUT (No editable)" */
}
@media (max-width: 576px) {
.col-barcode {
display: none;
}
.btn-edit-sm,
.btn-del-sm {
padding: 4px 7px;
font-size: 0.75rem;
}
}
[data-bs-theme="light"] #theme-icon.bi-moon-stars {
color: #5856d6; /* Un color índigo vibrante para que resalte en el fondo claro */
}
[data-bs-theme="dark"] #theme-icon.bi-sun {
color: #ffc107; /* Amarillo cálido de Bootstrap */
}
#theme-switcher.nav-link {
color: inherit !important;
}