Proyectos de Subversion Moodle

Rev

Rev 669 | Rev 684 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 669 Rev 680
Línea 1... Línea 1...
1 
.login-page {
 1 
.rui-login-box {
2 
    height: 100vh; /* La página de inicio de sesión ocupará toda la altura de la pantalla */
 2 
    border: 1px solid #e1e1e1;
3 
}
 - 
 
4 
 
 - 
 
5 
.image-section {
 3 
    width: max-content;
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 */
 4 
    /* margin-left: 38%; */
8 
    background-position: center; /* Centra la imagen */
 5 
    padding: 30px;
9 
    height: 100%; /* Asegura que ocupe toda la altura de la columna */
 6 
    border-radius: 45px;
10 
}
 - 
 
11 
 
 - 
 
12 
.full-height-img {
 7 
    max-width: 50%;
13 
    width: 100%;
 8 
    width: 100%;
14 
    height: 100vh; /* Imagen ocupa la mitad de la pantalla en altura */
 - 
 
15 
    object-fit: cover; /* Mantiene las proporciones de la imagen */
 - 
 
16 
}
 - 
 
17 
 
 - 
 
18 
.login-section {
 9 
    height: 100vh;
19 
    height: 100vh; /* La columna del formulario ocupa la mitad de la pantalla */
 - 
 
20 
    display: flex;
 10 
    max-height: 100vh;
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 
}
 11 
}