mobile fix again
This commit is contained in:
+1
-11
@@ -146,19 +146,9 @@
|
|||||||
/* Login */
|
/* Login */
|
||||||
.login-overlay {
|
.login-overlay {
|
||||||
position: fixed; inset: 0; background: #F5F0EB;
|
position: fixed; inset: 0; background: #F5F0EB;
|
||||||
display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 100;
|
display: flex; flex-direction: column; align-items: center; justify-content: flex-start; z-index: 100;
|
||||||
overflow-y: auto; padding: 40px 16px;
|
overflow-y: auto; padding: 40px 16px;
|
||||||
}
|
}
|
||||||
@media (max-width: 520px) {
|
|
||||||
.login-overlay { justify-content: flex-start; padding-top: 16px; }
|
|
||||||
.login-hero { margin-bottom: 16px; }
|
|
||||||
.login-hero img { max-width: 100%; }
|
|
||||||
.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;
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
|
|||||||
Reference in New Issue
Block a user