Fix: signup page services message shift to warning/successful messages

This commit is contained in:
hyzen
2026-06-13 15:15:36 +05:30
parent 25d7f545cf
commit f974308b74
4 changed files with 56 additions and 31 deletions

View File

@@ -1085,10 +1085,12 @@
/* ── Auth pages (login / signup) ───────────────────────────────────────── */
.auth-page__services {
margin-top: 25px;
margin-bottom: -25px;
margin-top: 0;
margin-bottom: 0.75rem;
font-size: 0.78rem;
line-height: 1.45;
color: var(--foreground-color);
display: block;
}
.services-group__title {
@@ -1114,12 +1116,12 @@
background: var(--background-color);
}
/* Message banner — fixed height always reserved so the form never shifts */
/* Message banner — always in flow; min-height reserves space so the form never shifts */
.auth-message {
border-radius: 4px;
font-size: 0.82rem;
line-height: 1.3;
height: 1.8rem;
line-height: 1.4;
min-height: 1.8rem;
margin-bottom: 0.75rem;
box-sizing: border-box;
border: 1px solid transparent;
@@ -1127,10 +1129,7 @@
opacity: 0;
pointer-events: none;
transition: opacity 0.15s ease;
overflow: hidden;
display: flex;
align-items: center;
padding: 0 0.7rem;
padding: 0.25rem 0.7rem;
}
.auth-message.is-visible {
@@ -1138,6 +1137,12 @@
pointer-events: auto;
}
.auth-message--info {
background: transparent;
border-color: transparent;
color: var(--foreground-color);
}
.auth-message--error {
background: rgba(255, 61, 61, 0.1);
border: 1px solid rgba(255, 61, 61, 0.4);

File diff suppressed because one or more lines are too long