63 lines
922 B
SCSS
63 lines
922 B
SCSS
.login-background {
|
|
display: flex;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: #B3E5FC;
|
|
}
|
|
|
|
.login-box {
|
|
display: flex;
|
|
width: 800px;
|
|
height: 450px;
|
|
background-color: #448AFF;
|
|
}
|
|
|
|
.login-box-left {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
flex: 2;
|
|
}
|
|
|
|
.login-box-left-text {
|
|
font-size: 3rem;
|
|
color: white;
|
|
font-weight: bold;
|
|
|
|
> div:last-child {
|
|
font-size: 1.8rem;
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
|
|
.login-box-right {
|
|
position: relative;
|
|
height: 100%;
|
|
flex: 3;
|
|
background-color: white;
|
|
}
|
|
|
|
.login-from-text {
|
|
position: absolute;
|
|
top: 60px;
|
|
left: 40px;
|
|
font-weight: bold;
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.login-from {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-top: 30px;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.login-from-item {
|
|
width: 80%;
|
|
} |