| 684 |
ariadna |
1 |
.login-page {
|
|
|
2 |
height: 100vh; /* La página de inicio de sesión ocupará toda la altura de la pantalla */
|
|
|
3 |
}
|
|
|
4 |
|
|
|
5 |
.image-section {
|
|
|
6 |
background-image: url('/theme/universe_child/pix/login-myonroom.png'); /* La imagen de fondo */
|
|
|
7 |
background-size: cover; /* Asegura que la imagen cubra completamente la mitad de la pantalla */
|
|
|
8 |
background-position: center; /* Centra la imagen */
|
|
|
9 |
height: 100%; /* Asegura que ocupe toda la altura de la columna */
|
|
|
10 |
}
|
|
|
11 |
|
|
|
12 |
.full-height-img {
|
| 669 |
ariadna |
13 |
width: 100%;
|
| 684 |
ariadna |
14 |
height: 100vh; /* Imagen ocupa la mitad de la pantalla en altura */
|
|
|
15 |
object-fit: cover; /* Mantiene las proporciones de la imagen */
|
| 669 |
ariadna |
16 |
}
|
| 684 |
ariadna |
17 |
|
|
|
18 |
.login-section {
|
|
|
19 |
height: 100vh; /* La columna del formulario ocupa la mitad de la pantalla */
|
|
|
20 |
display: flex;
|
|
|
21 |
justify-content: center; /* Centra horizontalmente el formulario */
|
|
|
22 |
align-items: center; /* Centra verticalmente el formulario */
|
|
|
23 |
}
|
|
|
24 |
|
|
|
25 |
.card {
|
|
|
26 |
width: 100%; /* O puedes ajustar el tamaño máximo si prefieres */
|
|
|
27 |
max-width: 400px; /* Limita el ancho del formulario */
|
|
|
28 |
}
|