Proyectos de Subversion Moodle

Rev

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

Rev 751 Rev 753
Línea -... Línea 1...
- 
 
 1 
 
- 
 
 2 
 
1 
.rui-login-box {
 3 
.rui-login-box {
2 
    display: flex;
 - 
 
3 
    align-items: center;
 4 
    position: relative;
4 
    justify-content: center;
 - 
 
5 
    background-color: #fff;
 - 
 
6 
    border-radius: 5px !important;
 - 
 
7 
    height: 100vh !important;
 - 
 
8 
    width: 100%;
 5 
    width: 100%;
- 
 
 6 
    height: 100vh; /* Abarcará toda la altura de la pantalla */
- 
 
 7 
    background: url('{{{ config.wwwroot }}}/theme/universe_child/pix/login-bg.png') no-repeat center center;
- 
 
 8 
    background-size: cover; /* Para asegurarse de que la imagen cubra todo el contenedor */
9 
}
 9 
}
Línea 10... Línea 10...
10 
 
 10 
 
11 
.row.login-box {
 11 
.login-box {
12 
    display: flex;
 12 
    position: absolute;
13 
    flex-wrap: wrap;
 13 
    top: 50%;
- 
 
 14 
    left: 50%;
- 
 
 15 
    transform: translate(-50%, -50%);
- 
 
 16 
    z-index: 1; /* Para que el contenido esté sobre la imagen de fondo */
14 
    width: 100%;
 17 
    background: rgba(255, 255, 255, 0.8); /* Añadir un fondo semitransparente */
15 
    height: 100vh;
 18 
    padding: 20px;
16 
    flex-direction: row;
 19 
    border-radius: 10px;
Línea 17... Línea 20...
17 
}
 20 
}
18 
 
 - 
 
19 
img .img-fluid.login{
 21 
 
20 
    vertical-align: middle;
 - 
 
21 
    /* border-style: none; */
 22 
.login-box img {
22 
    width: 100%;
 23 
    display: none; /* Ocultas la imagen si solo quieres usarla como fondo */