yunchan/vignette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

모바일 메뉴와 주요 화면 UX 개선 및 시각 검수

Browse source
This commit is contained in:
Yun Chan 2026-09-12 17:57:59 +09:00
parent 89b5093ec7
commit e8b770e4d9
50 changed files with 3189 additions and 457 deletions
Download patch file Download diff file Expand all files Collapse all files

23
apps/web/src/pages/session/session.css
View file

@ -6185,7 +6185,8 @@
@media (max-width: 720px) {
.vg-main:has(.sx-page--prestart),
.vg-main:has(.sx-page--prestart .sx-prestart--prescribed) {
padding-bottom: calc(var(--bottom-bar-h) + env(safe-area-inset-bottom) + var(--sp-6));
--prestart-actions-reserve: 10rem;
padding-bottom: calc(var(--bottom-bar-h) + env(safe-area-inset-bottom) + var(--prestart-actions-reserve));
}
.sx-page--prestart .sx-prestart {
grid-template-areas:
@ -6222,6 +6223,16 @@
.sx-page--prestart .sx-prestart__facts {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr));
}
.sx-page--prestart .sx-prestart__facts > div:first-child {
grid-column: 1 / -1;
}
.sx-page--prestart .sx-prestart__facts dd {
font-size: 14px;
line-height: 1.5;
}
.sx-page--prestart .sx-prestart__main {
z-index: 2;
}
.sx-page--prestart .sx-prestart__focus-head {
grid-template-columns: minmax(0, 1fr);
align-items: start;
@ -6255,13 +6266,15 @@
}
.sx-page--prestart .sx-prestart__actions,
.sx-page--prestart .sx-prestart--prescribed .sx-prestart__actions {
position: sticky;
z-index: 3;
bottom: calc(var(--bottom-bar-h) + env(safe-area-inset-bottom) + var(--sp-2));
position: fixed;
z-index: 70;
right: 16px;
bottom: calc(var(--bottom-bar-h) + env(safe-area-inset-bottom));
left: 16px;
padding: var(--sp-2);
border: 1px solid var(--glass-inset-border);
border-radius: var(--radius);
background: var(--glass-surface);
background: var(--bg-app);
box-shadow: var(--glass-shadow);
}
.sx-page--prestart .sx-prestart__actions .vg-btn {