updated mobile view
This commit is contained in:
+7
-2
@@ -150,9 +150,14 @@
|
|||||||
overflow-y: auto; padding: 40px 16px;
|
overflow-y: auto; padding: 40px 16px;
|
||||||
}
|
}
|
||||||
@media (max-width: 520px) {
|
@media (max-width: 520px) {
|
||||||
.login-overlay { justify-content: flex-start; padding-top: 24px; }
|
.login-overlay { justify-content: flex-start; padding-top: 16px; }
|
||||||
|
.login-hero { margin-bottom: 16px; }
|
||||||
.login-hero img { max-width: 100%; }
|
.login-hero img { max-width: 100%; }
|
||||||
.login-tagline { font-size: calc(var(--title-size) * 0.85); }
|
.login-tagline { font-size: var(--title-size); margin: 16px 0 4px; }
|
||||||
|
.login-tagline-sub { font-size: calc(var(--font-size) + 1px); }
|
||||||
|
.login-box { max-width: 100%; }
|
||||||
|
.login-members { gap: 10px; }
|
||||||
|
.login-member-btn { padding: 10px 16px; }
|
||||||
}
|
}
|
||||||
.login-hero {
|
.login-hero {
|
||||||
width: 100%; max-width: 420px; margin-bottom: 24px; text-align: center;
|
width: 100%; max-width: 420px; margin-bottom: 24px; text-align: center;
|
||||||
|
|||||||
Reference in New Issue
Block a user