gitee
/
django-vue-admin
mirror of https://gitee.com/liqianglog/django-vue-admin
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

新增：新版登录页面支持响应式布局

pull/56/head
李强 2022-05-11 00:30:31 +08:00
parent 0157092820
commit 6030ec37b4
1 changed files with 57 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
web/src/views/system/login/css/style.css
View File

@ -386,12 +386,18 @@ p.continue span:after {
.left_grid_info h3 { .left_grid_info h3 {
font-size: 2em; font-size: 2em;
} }
.page-login--logo{
display:none
}
} }
@media screen and (max-width: 991px) { @media screen and (max-width: 991px) {
/*.w3_info h2 {*/ .w3_info h2 {
/* font-size: 24px;*/ font-size: 24px;
/*}*/ }
.page-login--logo{
display:none
}
h1 { h1 {
font-size: 35px; font-size: 35px;
@ -403,27 +409,39 @@ p.continue span:after {
.left_grid_info h4 { .left_grid_info h4 {
font-size: 1em; font-size: 1em;
} }
.page-login--logo{
display:none
}
} }
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
/*.w3_info h2 {*/ .w3_info h2 {
/* font-size: 23px;*/ font-size: 23px;
/*}*/ }
.page-login--logo{
display:none
}
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
/*.w3_info {*/ .w3_info {
/* margin-right: auto;*/ margin-right: auto;
/*}*/ }
.page-login--logo{
display:none
}
} }
@media screen and (max-width: 736px) { @media screen and (max-width: 736px) {
/*.w3_info h2 {*/ .w3_info h2 {
/* font-size: 22px;*/ font-size: 22px;
/*}*/ }
.page-login--logo{
display:none
}
} }
@media screen and (max-width: 667px) { @media screen and (max-width: 667px) {
@ -431,12 +449,18 @@ p.continue span:after {
.w3l-form-info { .w3l-form-info {
margin: 20px 0 30px; margin: 20px 0 30px;
} }
.page-login--logo{
display:none
}
} }
@media screen and (max-width: 640px) { @media screen and (max-width: 640px) {
h1 { h1 {
font-size: 37px; font-size: 37px;
} }
.page-login--logo{
display:none
}
} }
@media screen and (max-width:568px) { @media screen and (max-width:568px) {
@ -446,9 +470,12 @@ p.continue span:after {
h1 { h1 {
font-size: 34px; font-size: 34px;
} }
/*.w3_info {*/ .page-login--logo{
/* padding:0;*/ display:none
/*}*/ }
.w3_info {
padding:0;
}
} }
@media screen and (max-width: 415px) { @media screen and (max-width: 415px) {
@ -458,6 +485,9 @@ p.continue span:after {
.left_grid_info p { .left_grid_info p {
font-size: 13px; font-size: 13px;
} }
.page-login--logo{
display:none
}
.w3l-signinform{ .w3l-signinform{
padding: 40px 20px; padding: 40px 20px;
} }
@ -467,6 +497,9 @@ p.continue span:after {
.w3l-signinform{ .w3l-signinform{
padding: 30px 15px; padding: 30px 15px;
} }
.page-login--logo{
display:none
}
.social-login { .social-login {
grid-auto-flow: row; grid-auto-flow: row;
} }
@ -476,7 +509,9 @@ p.continue span:after {
.left_grid_info h3 { .left_grid_info h3 {
font-size: 1.5em; font-size: 1.5em;
} }
.page-login--logo{
display:none
}
.form-row.bottom { .form-row.bottom {
flex-direction: column; flex-direction: column;
} }
@ -490,10 +525,12 @@ p.continue span:after {
h1 { h1 {
font-size: 25px; font-size: 25px;
} }
.page-login--logo{
/*.w3_info h2 {*/ display:none
/* font-size: 18px;*/ }
/*}*/ .w3_info h2 {
font-size: 18px;
}
.btn-primary { .btn-primary {
padding: 13px 12px; padding: 13px 12px;