FatttSnake/oxygen-ui
1
0
Fork 0
Code Pull Requests Activity

Change css to scss

Browse Source
This commit is contained in:
Fat Snake
2023-09-05 21:35:27 +08:00
parent 9bab2d5c0b
commit 75e872127c
13 changed files with 260 additions and 347 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/assets/css/login.scss Normal file
View File

@@ -0,0 +1,63 @@
.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%;
}