maria.ruiz
/
TicketMerc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Actualizar Interfaz/estilos/Inicio.css

This commit is contained in:
maria.ruiz 2025-03-13 06:25:28 +00:00
parent b648829d1a
commit 92e44d31a8
1 changed files with 69 additions and 15 deletions
Interfaz/estilos
Inicio.css

84
Interfaz/estilos/Inicio.css
View File

@ -8,6 +8,44 @@ body {
padding: 0; padding: 0;
} }
.background-container {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -2;
}
.linea {
position: absolute;
width: 1000px;
}
.linea2 {
position: absolute;
width: 1300px;
}
.linea:nth-child(2) { top: 32%; left: -10%; }
.linea2:nth-child(1) { top: 26%; right: 37%; }
.linea:nth-child(4) { bottom: 36%; left: 50%; }
.linea2:nth-child(3) { bottom: 15%; right: -21%; }
.blur-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(227, 228, 229, 0.40);
backdrop-filter: blur(10px);
z-index: -1;
}
.barra { .barra {
display:flex; display:flex;
justify-content: space-between; justify-content: space-between;
@ -51,28 +89,44 @@ body {
} }
.ventaBoletos, .reporteVenta { .ventaBoletos, .reporteVenta {
background-color: #ffaa33; display: flex;
padding: 20px; justify-content: space-between;
width: 250px; align-items: center;
background-color: #FFA726;
padding: 15px 20px;
border-radius: 15px;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
border-radius: 20px; color: black;
position: relative;
text-align: left;
cursor: pointer; cursor: pointer;
display: flex; transition: background 0.3s ease;
align-items: center; width: 300px;
justify-content: space-between; text-decoration: none;
}
.ventaBoletos:hover, .reporteVenta:hover {
background-color: #FB8C00;
} }
.ventaBoletos span, .reporteVenta span { .ventaBoletos span, .reporteVenta span {
background: #444; background-color: #424242;
padding: 10px 15px;
border-radius: 50%;
color: white; color: white;
padding: 2px 14px; font-weight: bold;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
} }
#pills-profile {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
height: 50vh;
font-size: 18px;
font-weight: normal;
padding: 20px;
max-width: 70%;
margin: auto;
}