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

공통 상단바 조작면 보강

Browse source
This commit is contained in:
Yun Chan 2026-08-12 17:14:50 +09:00
parent 0f08c91286
commit b02bee26ea
2 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
apps/web/e2e/full-sweep-shell.spec.ts
View file

@ -152,7 +152,12 @@ test.describe("full sweep — shared shell, GNB, and routing guards", () => {
await expect(page.locator(".vg-topbar")).toBeVisible({ timeout: 15_000 }); await expect(page.locator(".vg-topbar")).toBeVisible({ timeout: 15_000 });
await expect(page.locator("body")).toHaveAttribute("data-role", "admin"); await expect(page.locator("body")).toHaveAttribute("data-role", "admin");
// 마우스 중심 desktop에서도 브랜드·공간 전환·테마·로그아웃은 같은 44px
// 조작면을 유지한다. 공개 배포가 28~34px으로 축소됐던 회귀를 desktop과
// mobile 양쪽에서 고정한다.
for (const viewport of [ for (const viewport of [
{ width: 1280, height: 720 },
{ width: 1024, height: 768 },
{ width: 390, height: 844 }, { width: 390, height: 844 },
{ width: 320, height: 568 }, { width: 320, height: 568 },
]) { ]) {

7
apps/web/src/components/shell/shell.css
View file

@ -37,6 +37,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
min-height: 44px;
text-decoration: none; text-decoration: none;
} }
.vg-topbar__brand:hover { .vg-topbar__brand:hover {
@ -91,7 +92,7 @@
} }
.vg-topbar__switch-link { .vg-topbar__switch-link {
min-width: 0; min-width: 0;
height: 28px; min-height: 44px;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -116,8 +117,8 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 34px; width: 44px;
height: 34px; height: 44px;
border-radius: var(--radius); border-radius: var(--radius);
border: 1px solid transparent; border: 1px solid transparent;
background: transparent; background: transparent;