feat: refactor layout and fix footer CSS (#1370)

This commit is contained in:
Yaodong Yu
2022-12-06 00:50:17 +08:00
committed by GitHub
parent 812c44e070
commit ca314bbfb5
6 changed files with 103 additions and 119 deletions

View File

@ -27,15 +27,15 @@
color: #61dafb;
}
#root {
height: 100%;
}
img {
border-style: none;
vertical-align: middle;
}
#root {
height: 100%;
}
#parent-area {
display: flex;
flex-direction: column;
@ -44,23 +44,8 @@ img {
background-color: #f5f5f5;
}
#content-wrap {
display: flex;
flex: 1 1 0;
align-items: stretch;
width: 100%;
}
#login-content-wrap {
display: flex;
flex: 1 1 0;
width: 100%;
}
#footer {
bottom: 0;
width: 100%;
padding: 24px 50px;
.panel-logo {
margin-bottom: 30px;
}
.language-box {
@ -105,6 +90,7 @@ img {
.forget-content {
padding: 10px 100px 20px;
margin: 30px auto;
border: 2px solid #fff;
border-radius: 7px;
background-color: rgb(255 255 255);
@ -135,9 +121,9 @@ img {
}
.loginBackground {
flex: auto;
display: flex;
align-items: center;
flex: 1 1 0;
background: #fff no-repeat;
background-size: 100% 100%;
background-attachment: fixed;