From b02bee26eab367f3f42a9ac8af771793b20a9e33 Mon Sep 17 00:00:00 2001
From: Yun Chan <yunchan@twentyoz.kr>
Date: Wed, 12 Aug 2026 17:14:50 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B3=B5=ED=86=B5=20=EC=83=81=EB=8B=A8?=
 =?UTF-8?q?=EB=B0=94=20=EC=A1=B0=EC=9E=91=EB=A9=B4=20=EB=B3=B4=EA=B0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/e2e/full-sweep-shell.spec.ts   | 5 +++++
 apps/web/src/components/shell/shell.css | 7 ++++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/apps/web/e2e/full-sweep-shell.spec.ts b/apps/web/e2e/full-sweep-shell.spec.ts
index 244e714..512379d 100644
--- a/apps/web/e2e/full-sweep-shell.spec.ts
+++ b/apps/web/e2e/full-sweep-shell.spec.ts
@@ -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 },
     ]) {
diff --git a/apps/web/src/components/shell/shell.css b/apps/web/src/components/shell/shell.css
index 35791c3..8c8d0d3 100644
--- a/apps/web/src/components/shell/shell.css
+++ b/apps/web/src/components/shell/shell.css
@@ -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;