공통 상단바 조작면 보강

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

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("body")).toHaveAttribute("data-role", "admin");
// 마우스 중심 desktop에서도 브랜드·공간 전환·테마·로그아웃은 같은 44px
// 조작면을 유지한다. 공개 배포가 28~34px으로 축소됐던 회귀를 desktop과
// mobile 양쪽에서 고정한다.
for (const viewport of [
{ width: 1280, height: 720 },
{ width: 1024, height: 768 },
{ width: 390, height: 844 },
{ width: 320, height: 568 },
]) {

View file

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