|
@@ -160,19 +160,19 @@
|
|
|
|
|
|
|
|
.login-form {
|
|
.login-form {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
- width: 700px;
|
|
|
|
|
- padding: 0 33px;
|
|
|
|
|
|
|
+ width: 420px;
|
|
|
|
|
+ padding: 0 20px;
|
|
|
background: $white-color;
|
|
background: $white-color;
|
|
|
- border-radius: 24px;
|
|
|
|
|
|
|
+ border-radius: 14px;
|
|
|
|
|
|
|
|
&__header {
|
|
&__header {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 100px;
|
|
|
|
|
- font-size: 28px;
|
|
|
|
|
|
|
+ height: 80px;
|
|
|
|
|
+ font-size: 16px;
|
|
|
font-weight: 550;
|
|
font-weight: 550;
|
|
|
color: #333;
|
|
color: #333;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
- line-height: 100px;
|
|
|
|
|
|
|
+ line-height: 80px;
|
|
|
letter-spacing: 5px;
|
|
letter-spacing: 5px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -186,7 +186,7 @@
|
|
|
@include flex-center;
|
|
@include flex-center;
|
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 72px;
|
|
|
|
|
|
|
+ height: 44px;
|
|
|
.el-input--default {
|
|
.el-input--default {
|
|
|
width: 50%;
|
|
width: 50%;
|
|
|
}
|
|
}
|
|
@@ -194,16 +194,16 @@
|
|
|
|
|
|
|
|
&__footer {
|
|
&__footer {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 100px;
|
|
|
|
|
|
|
+ height: 66px;
|
|
|
margin-top: 18px;
|
|
margin-top: 18px;
|
|
|
|
|
|
|
|
.login-form__button {
|
|
.login-form__button {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 74px;
|
|
|
|
|
- font-size: 24px;
|
|
|
|
|
|
|
+ height: 44px;
|
|
|
|
|
+ font-size: 14px;
|
|
|
color: $white-color;
|
|
color: $white-color;
|
|
|
background-color: $primary-color;
|
|
background-color: $primary-color;
|
|
|
- border-radius: 8px;
|
|
|
|
|
|
|
+ border-radius: 5px;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -212,8 +212,8 @@
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
top: 15px;
|
|
top: 15px;
|
|
|
right: 16px;
|
|
right: 16px;
|
|
|
- width: 40px;
|
|
|
|
|
- height: 40px;
|
|
|
|
|
|
|
+ width: 24px;
|
|
|
|
|
+ height: 24px;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -227,10 +227,10 @@
|
|
|
|
|
|
|
|
.el-input--default {
|
|
.el-input--default {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 72px;
|
|
|
|
|
|
|
+ height: 44px;
|
|
|
|
|
|
|
|
:deep(.el-input__inner) {
|
|
:deep(.el-input__inner) {
|
|
|
- font-size: 20px;
|
|
|
|
|
|
|
+ font-size: 14px;
|
|
|
color: #999;
|
|
color: #999;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|