cargando presupuesto datos generales

This commit is contained in:
2024-10-18 14:33:27 +02:00
parent 8a044d41fe
commit 464e136025
17 changed files with 12250 additions and 469 deletions

View File

@ -1,7 +1,11 @@
.image-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
margin-bottom: 20px;
position: relative;
display: inline-block;
max-height: 150px;
max-width: 200px;
}
@ -13,19 +17,19 @@
/* Pseudo-elemento que muestra el tick */
.image-container.selected::after {
content: '✔';
/* Símbolo de tick */
content: '✔'; /* Símbolo de tick */
position: absolute;
top: 90px;
right: 25px;
top: calc(50% + 5px);
left: calc(100%/2 + 65px); /* Mueve 75px a la derecha fuera del contenedor */
font-size: 50px;
font-weight: bold;
color: green;
background-color: rgba(255, 255, 255, 0);
background-color: rgba(255, 255, 255, 0); /* Fondo transparente */
border-radius: 100%;
padding: 5px;
}
.image-presupuesto {
transition: transform 1s ease;
}
@ -88,17 +92,28 @@
color: var(--fg);
font: 1em/1.5 sans-serif;
height: 100vh;
position: fixed; /* Fijo para cubrir la pantalla */
left: 50%; /* Centramos horizontalmente */
top: 50%; /* Centramos verticalmente */
transform: translate(-50%, -50%); /* Ajuste para centrar el loader */
width: auto; /* Se ajusta automáticamente */
height: auto; /* Se ajusta automáticamente */
z-index: 9999; /* Mantener por encima de otros elementos */
display: flex; /* Para centrar contenido */
justify-content: center; /* Centrar horizontalmente */
align-items: center; /* Centrar verticalmente */
background-color: rgba(255, 255, 255, 0); /* Fondo completamente transparente */
position: fixed;
/* Fijo para cubrir la pantalla */
left: 50%;
/* Centramos horizontalmente */
top: 50%;
/* Centramos verticalmente */
transform: translate(-50%, -50%);
/* Ajuste para centrar el loader */
width: auto;
/* Se ajusta automáticamente */
height: auto;
/* Se ajusta automáticamente */
z-index: 9999;
/* Mantener por encima de otros elementos */
display: flex;
/* Para centrar contenido */
justify-content: center;
/* Centrar horizontalmente */
align-items: center;
/* Centrar verticalmente */
background-color: rgba(255, 255, 255, 0);
/* Fondo completamente transparente */
}
.book,