Fix: login/signup scroll-linked positioning and line gaps

This commit is contained in:
hyzen
2026-06-10 16:33:44 +05:30
parent 3e5b8357b5
commit f587af20d0
2 changed files with 20 additions and 12 deletions

View File

@@ -1083,30 +1083,34 @@
} }
.auth-page__title { .auth-page__title {
margin-bottom: 1.5rem; margin-top: 0;
margin-bottom: 0.6rem;
} }
.auth-card { .auth-card {
border: 1px solid var(--background-color1, #ccc); border: 1px solid var(--background-color1, #ccc);
border-radius: 10px; border-radius: 10px;
padding: 2rem 1.75rem; padding: 1.25rem 1.75rem 2rem;
background: var(--background-color); background: var(--background-color);
} }
/* Message banner — always reserves space so the form never shifts */ /* Message banner — fixed height always reserved so the form never shifts */
.auth-message { .auth-message {
border-radius: 6px; border-radius: 6px;
padding: 0.65rem 0.9rem;
font-size: 0.88rem; font-size: 0.88rem;
margin-bottom: 0.5rem;
line-height: 1.4; line-height: 1.4;
height: 2.8rem; height: 2.6rem;
margin-bottom: 0.4rem;
box-sizing: border-box; box-sizing: border-box;
border: 1px solid transparent; border: 1px solid transparent;
background: transparent;
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
transition: opacity 0.15s ease; transition: opacity 0.15s ease;
overflow: hidden; overflow: hidden;
display: flex;
align-items: center;
padding: 0 0.9rem;
} }
.auth-message.is-visible { .auth-message.is-visible {

View File

@@ -1083,30 +1083,34 @@
} }
.auth-page__title { .auth-page__title {
margin-bottom: 1.5rem; margin-top: 0;
margin-bottom: 0.6rem;
} }
.auth-card { .auth-card {
border: 1px solid var(--background-color1, #ccc); border: 1px solid var(--background-color1, #ccc);
border-radius: 10px; border-radius: 10px;
padding: 2rem 1.75rem; padding: 1.25rem 1.75rem 2rem;
background: var(--background-color); background: var(--background-color);
} }
/* Message banner — always reserves space so the form never shifts */ /* Message banner — fixed height always reserved so the form never shifts */
.auth-message { .auth-message {
border-radius: 6px; border-radius: 6px;
padding: 0.65rem 0.9rem;
font-size: 0.88rem; font-size: 0.88rem;
margin-bottom: 0.5rem;
line-height: 1.4; line-height: 1.4;
height: 2.8rem; height: 2.6rem;
margin-bottom: 0.4rem;
box-sizing: border-box; box-sizing: border-box;
border: 1px solid transparent; border: 1px solid transparent;
background: transparent;
opacity: 0; opacity: 0;
pointer-events: none; pointer-events: none;
transition: opacity 0.15s ease; transition: opacity 0.15s ease;
overflow: hidden; overflow: hidden;
display: flex;
align-items: center;
padding: 0 0.9rem;
} }
.auth-message.is-visible { .auth-message.is-visible {