외부 실증과 인증 화면 경계 보강

apps/web/e2e/full-sweep-auth.spec.ts

@@ -19,7 +19,7 @@
    ===================================================================== */
 
 import { expect, test, type Page } from "@playwright/test";
-import { completeOnboarding, useRealApi } from "./support";
+import { completeOnboarding, expectNoHorizontalOverflow, useRealApi } from "./support";
 
 const CONFIG_PATTERN = "**/api/auth/config";
 const ME_PATTERN = "**/api/auth/me";
@@ -119,6 +119,13 @@ test.describe("full sweep auth", () => {
   test("secondary Google button shows the second allowed domain and starts the same google OAuth flow", async ({
     page,
   }) => {
+    await page.route(ME_PATTERN, async (route) => {
+      await route.fulfill({
+        status: 401,
+        contentType: "application/json",
+        body: JSON.stringify({ detail: "not_authenticated" }),
+      });
+    });
     await fulfillConfig(page, READY_AUTH_CONFIG);
     await page.route("**/api/auth/login**", async (route) => {
       await route.fulfill({
@@ -129,6 +136,11 @@ test.describe("full sweep auth", () => {
     });
 
     await page.goto("/login");
+    await page.setViewportSize({ width: 320, height: 568 });
+    await page.addStyleTag({
+      content: "html { overflow-y: scroll; scrollbar-gutter: stable; }",
+    });
+    await expectNoHorizontalOverflow(page);
 
     const secondary = page.locator(".lg-obtn.secondary");
     await expect(secondary).toBeEnabled();

apps/web/src/components/auth/auth-shell.css

@@ -1,7 +1,7 @@
 .vg-auth-shell {
   position: relative;
   isolation: isolate;
-  inline-size: 100vw;
+  inline-size: 100%;
   max-inline-size: none;
   min-block-size: 100vh;
   min-block-size: 100dvh;

apps/web/src/pages/login/login.css

@@ -1,6 +1,6 @@
 .lg-root {
   min-height: 100dvh;
-  width: 100vw;
+  width: 100%;
   max-width: none;
   position: relative;
   display: grid;