fix: Responsive Sign In Page (#2770)
This commit is contained in:
parent
a5edbcb6b6
commit
077af0511e
@ -1,4 +1,6 @@
|
|||||||
body {
|
body {
|
||||||
|
min-height: 568px;
|
||||||
|
min-width: 320px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -15,6 +17,12 @@ body {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
.login-form > .field {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.login-form > .error {
|
.login-form > .error {
|
||||||
color: red;
|
color: red;
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
@ -38,6 +46,13 @@ body {
|
|||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
.login-form > .field > .submit {
|
||||||
|
margin-left: 0px;
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
input {
|
input {
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user