Before repair nav components
All checks were successful
Deploy Docs to Synology / deploy (push) Successful in 4s
All checks were successful
Deploy Docs to Synology / deploy (push) Successful in 4s
This commit is contained in:
98
sigpro.css
98
sigpro.css
@@ -99,14 +99,39 @@
|
||||
transform-origin: top;
|
||||
}
|
||||
|
||||
/* 1. El contenedor manda */
|
||||
.input-container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
/* 2. El label de DaisyUI debe ocupar todo el ancho */
|
||||
.input-container .input {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* 3. El panel flotante */
|
||||
.input-content {
|
||||
position: absolute; /* Lo saca del flujo para que no empuje nada */
|
||||
top: 100%; /* Lo pega justo al borde inferior del input */
|
||||
position: absolute;
|
||||
top: 100%; /* Justo debajo */
|
||||
left: 0;
|
||||
width: 100%; /* Para que mida lo mismo que el input */
|
||||
z-index: 100; /* Para que pase por encima de otros botones/inputs */
|
||||
background: white; /* Para que no sea transparente y se lea bien */
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Opcional: para darle profundidad */
|
||||
right: 0; /* Esto lo obliga a estirarse de izquierda a derecha */
|
||||
z-index: 50;
|
||||
background: oklch(var(--b1)); /* Fondo del tema */
|
||||
border: 1px solid oklch(var(--bc) / 0.2);
|
||||
border-radius: var(--rounded-box, 1rem);
|
||||
margin-top: 0.25rem;
|
||||
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
|
||||
overflow: hidden; /* Para que el 'menu' no se salga de los bordes redondeados */
|
||||
}
|
||||
|
||||
/* 4. La lista interna */
|
||||
.input-content .menu {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@keyframes tabFadeIn {
|
||||
@@ -148,67 +173,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* @layer utilities {
|
||||
button {
|
||||
@apply btn;
|
||||
}
|
||||
|
||||
input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not(
|
||||
[type="color"]
|
||||
),
|
||||
select,
|
||||
textarea {
|
||||
@apply input;
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
@apply radio;
|
||||
}
|
||||
|
||||
input[type="checkbox"] {
|
||||
@apply checkbox;
|
||||
}
|
||||
|
||||
input[type="range"] {
|
||||
@apply range;
|
||||
}
|
||||
|
||||
select {
|
||||
@apply select;
|
||||
}
|
||||
|
||||
textarea {
|
||||
@apply textarea;
|
||||
}
|
||||
|
||||
hr {
|
||||
@apply divider;
|
||||
}
|
||||
|
||||
progress {
|
||||
@apply progress;
|
||||
}
|
||||
|
||||
table {
|
||||
@apply table;
|
||||
}
|
||||
|
||||
dialog {
|
||||
@apply modal;
|
||||
}
|
||||
|
||||
[data-tip] {
|
||||
@apply tooltip;
|
||||
}
|
||||
|
||||
nav {
|
||||
@apply navbar;
|
||||
}
|
||||
|
||||
[role="alert"] {
|
||||
@apply alert;
|
||||
}
|
||||
} */
|
||||
|
||||
/* sigpro-ui daisyUI classes - extracted from components */
|
||||
|
||||
|
||||
Reference in New Issue
Block a user