From b5f394a7bcf7c622ab7a00d05179855ab529fb65 Mon Sep 17 00:00:00 2001
From: sb <sbsb401824@gmail.com>
Date: Sat, 11 Jul 2026 11:58:32 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=ED=99=94?=
 =?UTF-8?q?=EB=A9=B4=20QLayout=20=EB=9E=98=ED=95=91=20(QPage=20=EB=A0=8C?=
 =?UTF-8?q?=EB=8D=94=20=EC=98=A4=EB=A5=98=20=E2=86=92=20=EB=B9=88=20?=
 =?UTF-8?q?=ED=99=94=EB=A9=B4=20=EC=88=98=EC=A0=95)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

LoginPage 가 MainLayout(QLayout) 밖 독립 라우트라 QPage 조상이 없어
"QPage needs to be a deep child of QLayout" 로 빈 화면이 됐다.
자체 QLayout/QPageContainer 로 감싼다. (관리자 로그인은 이미 래핑됨)
시뮬레이터 실행으로 확인.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/pages/LoginPage.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/pages/LoginPage.vue b/src/pages/LoginPage.vue
index 08dd81b..a1e6531 100644
--- a/src/pages/LoginPage.vue
+++ b/src/pages/LoginPage.vue
@@ -1,5 +1,8 @@
 <template>
-  <q-page class="flex flex-center column q-pa-lg bg-brand">
+  <!-- 로그인은 MainLayout(QLayout) 밖의 독립 화면 → QPage 를 자체 QLayout 으로 감싼다. -->
+  <q-layout view="hHh lpR fFf">
+    <q-page-container>
+      <q-page class="flex flex-center column q-pa-lg bg-brand">
     <div class="column items-center q-mb-xl">
       <q-avatar size="88px" color="white" text-color="primary" icon="pets" />
       <div class="text-h4 text-weight-bold text-white q-mt-md">산책갈개</div>
@@ -47,7 +50,9 @@
     <div class="text-caption text-white q-mt-lg" style="opacity: 0.8">
       계속 진행하면 이용약관 및 개인정보 처리방침에 동의하게 됩니다.
     </div>
-  </q-page>
+      </q-page>
+    </q-page-container>
+  </q-layout>
 </template>
 
 <script setup lang="ts">