forked from Mirrors/gomuks
web/login: fix login screen sizing
This commit is contained in:
parent
8b1354b4a7
commit
8f46121413
1 changed files with 6 additions and 2 deletions
|
@ -1,19 +1,23 @@
|
||||||
main.matrix-login {
|
main.matrix-login {
|
||||||
max-width: 30rem;
|
max-width: 42rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 3rem 6rem;
|
padding: 3rem 6rem;
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
box-shadow: 0 0 1rem var(--modal-box-shadow-color);
|
box-shadow: 0 0 1rem var(--modal-box-shadow-color);
|
||||||
margin: 2rem;
|
margin: 2rem auto;
|
||||||
|
|
||||||
@media (width < 800px) {
|
@media (width < 800px) {
|
||||||
|
max-width: 38rem;
|
||||||
padding: 2rem 4rem;
|
padding: 2rem 4rem;
|
||||||
|
width: calc(100% - 4rem);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (width < 500px) {
|
@media (width < 500px) {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
|
|
Loading…
Add table
Reference in a new issue