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-10 08:00:07 +00:00
parent e631a4ce7c
commit 3d5cf8b469
1 changed files with 78 additions and 82 deletions
Interfaz/estilos
Inicio.css

160
Interfaz/estilos/Inicio.css
View File

@ -1,82 +1,78 @@
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
background-color: #f9f7f4; background-color: #f9f7f4;
text-align: center; text-align: center;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.barra { .barra {
display:flex; display:flex;
justify-content: space-between; justify-content: space-between;
padding: 20px; padding: 20px;
font-size: 18px; font-size: 18px;
} }
.barra a { .barra a {
text-decoration: none; text-decoration: none;
color: black; color: black;
margin: 0 15px; margin: 0 15px;
} }
.logout { .logout {
border: 2px solid black; border: 2px solid black;
padding: 8px 15px; padding: 8px 15px;
border-radius: 20px; border-radius: 20px;
cursor: pointer; cursor: pointer;
} }
.container { .container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 80vh; height: 80vh;
} }
.title { .title {
font-family: "Lilita One", sans-serif; font-family: "Lilita One", sans-serif;
text-align: center; text-align: center;
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
font-size: 118px; font-size: 118px;
font-weight: bold; font-weight: bold;
color: #333; color: #333;
margin-bottom: 40px; margin-bottom: 40px;
} }
.button-container { .button-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20px; gap: 20px;
} }
.ventaBoletos, .reporteVenta { .ventaBoletos, .reporteVenta {
background-color: #ffaa33; background-color: #ffaa33;
padding: 20px; padding: 20px;
width: 250px; width: 250px;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
border-radius: 20px; border-radius: 20px;
position: relative; position: relative;
text-align: left; text-align: left;
cursor: pointer; cursor: pointer;
} display: flex;
align-items: center;
.ventaBoletos span { justify-content: space-between;
position: absolute; }
right: 20px;
background: #444; .ventaBoletos span, .reporteVenta span {
color: white; background: #444;
padding: 10px 15px; color: white;
border-radius: 15px; padding: 2px 14px;
} border-radius: 15px;
display: flex;
.reporteVenta span { align-items: center;
position: center; justify-content: center;
right: 20px; }
background: #444;
color: white;
padding: 10px 15px;
border-radius: 15px;
}