fix(web): keep onboarding steps visually continuous

This commit is contained in:
NI0317
2026-07-31 12:26:16 +08:00
parent c955c9adb1
commit a7907f9fa9

View File

@@ -1,27 +1,25 @@
.page { .page {
position: relative; position: relative;
z-index: 1; z-index: 1;
display: flex; width: min(640px, calc(100vw - 64px));
flex-direction: column; max-height: 100vh;
justify-content: center; padding: clamp(64px, 9vh, 104px) 0 40px;
width: min(560px, calc(100vw - 64px));
min-height: 100vh;
padding: 40px 0;
box-sizing: border-box; box-sizing: border-box;
overflow-y: auto;
color: var(--dsw-alias-label-primary); color: var(--dsw-alias-label-primary);
} }
.brand { .brand {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 36px; margin-bottom: 42px;
color: var(--dsw-alias-label-primary); color: var(--dsw-alias-label-primary);
} }
.title { .title {
margin: 0; margin: 0;
font-size: 32px; font-size: 28px;
line-height: 40px; line-height: 36px;
font-weight: 600; font-weight: 600;
letter-spacing: -0.02em; letter-spacing: -0.02em;
outline: none; outline: none;
@@ -39,7 +37,7 @@
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
gap: 12px; gap: 12px;
margin-top: 36px; margin-top: 32px;
} }
.primary { .primary {
@@ -81,8 +79,7 @@
@media (max-width: 560px) { @media (max-width: 560px) {
.page { .page {
width: calc(100vw - 40px); width: calc(100vw - 40px);
justify-content: flex-start; padding-top: 38px;
padding-top: 64px;
} }
.brand { .brand {