Proyectos de Subversion Moodle

Rev

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

Rev 680 Rev 684
Línea 1... Línea 1...
1 
.rui-login-box {
 1 
.login-page {
2 
    border: 1px solid #e1e1e1;
 2 
    height: 100vh; /* La página de inicio de sesión ocupará toda la altura de la pantalla */
- 
 
 3 
}
- 
 
 4 
 
3 
    width: max-content;
 5 
.image-section {
- 
 
 6 
    background-image: url('/theme/universe_child/pix/login-myonroom.png'); /* La imagen de fondo */
4 
    /* margin-left: 38%; */
 7 
    background-size: cover; /* Asegura que la imagen cubra completamente la mitad de la pantalla */
5 
    padding: 30px;
 8 
    background-position: center; /* Centra la imagen */
6 
    border-radius: 45px;
 9 
    height: 100%; /* Asegura que ocupe toda la altura de la columna */
- 
 
 10 
}
- 
 
 11 
 
7 
    max-width: 50%;
 12 
.full-height-img {
8 
    width: 100%;
 13 
    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 
 
9 
    height: 100vh;
 18 
.login-section {
- 
 
 19 
    height: 100vh; /* La columna del formulario ocupa la mitad de la pantalla */
10 
    max-height: 100vh;
 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 */
11 
}
 28 
}