提交 5292cbfe 编写于 作者: Neuromancer255's avatar Neuromancer255

登录页样式调整 --fix1

上级 205565c6
.app-login-contant{ .app-login{
.app-login-contant{
width: 100%; width: 100%;
height: 100%; height: 100%;
background: linear-gradient(45deg, #8e9eab, #eef2f3); background: linear-gradient(45deg, #8e9eab, #eef2f3);
...@@ -6,13 +7,14 @@ ...@@ -6,13 +7,14 @@
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
}
.ibizLogo{ .ibizLogo{
margin-top: 20vh; margin-top: 20vh;
width: 86px; width: 86px;
height: 40px; height: 40px;
} }
.app-login-form{
.app-login-form{
width: 90vw; width: 90vw;
height: 40vh; height: 40vh;
border-radius: 10px; border-radius: 10px;
...@@ -22,8 +24,8 @@ ...@@ -22,8 +24,8 @@
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;
box-shadow: -5px 5px 10px #8e9eab; box-shadow: -5px 5px 10px #8e9eab;
}
.ion-no-margin{ .ion-no-margin{
margin: auto; margin: auto;
--background: linear-gradient(to left, #7BC6CC, #BE93C5) !important; --background: linear-gradient(to left, #7BC6CC, #BE93C5) !important;
--background-activated:linear-gradient(to left, #5FC3E4, #E55D87) !important; --background-activated:linear-gradient(to left, #5FC3E4, #E55D87) !important;
...@@ -34,9 +36,9 @@ ...@@ -34,9 +36,9 @@
margin-top: 20px; margin-top: 20px;
height: 38px; height: 38px;
width: 92%; width: 92%;
} }
ion-input{ ion-input{
--background:#f1f1f1 !important; --background:#f1f1f1 !important;
border-radius: 20px; border-radius: 20px;
width: 90% !important; width: 90% !important;
...@@ -44,8 +46,12 @@ ion-input{ ...@@ -44,8 +46,12 @@ ion-input{
margin:auto; margin:auto;
margin-top: 1vh; margin-top: 1vh;
--padding-start:20px !important; --padding-start:20px !important;
} }
ion-label{
ion-label{
margin-left: 5vw; margin-left: 5vw;
font-size: 1rem !important; font-size: 1rem !important;
}
}
}
} }
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册