From c92f2e69db9c677d45b0b50c75fdd42851a69524 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Thu, 13 Nov 2025 12:29:07 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20=EB=A1=9C=EB=94=A9=20=EC=83=81=ED=83=9C?=
 =?UTF-8?q?=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/app.vue                                |  1 +
 layers/components/atoms/loading/Simple.vue | 23 ++++++++++++++++++++--
 layers/components/blocks/StoveGnbNew.vue   | 13 ------------
 layers/layouts/default.vue                 |  2 +-
 layers/layouts/promotion.vue               |  2 +-
 5 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index ecb9d6d..263c680 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -194,6 +194,7 @@ onBeforeUnmount(() => {
   <BlocksModalToast />
 
   <!-- 로딩 컴포넌트 -->
+  <AtomsLoadingSimple />
   <AtomsLoadingFull />
   <AtomsLoadingLocal />
 </template>
diff --git a/layers/components/atoms/loading/Simple.vue b/layers/components/atoms/loading/Simple.vue
index 6727081..ec4eb87 100644
--- a/layers/components/atoms/loading/Simple.vue
+++ b/layers/components/atoms/loading/Simple.vue
@@ -3,7 +3,26 @@ interface Props {
   isLoading?: boolean
 }
 
-const { isLoading = false } = defineProps<Props>()
+const isLoading = ref(true)
+
+const router = useRouter()
+
+// 페이지 전환 감지 및 로딩 상태 관리
+if (import.meta.client) {
+  router.beforeEach((to, from) => {
+    if (from.path !== to.path) {
+      isLoading.value = true
+    }
+  })
+
+  router.afterEach(() => {
+    isLoading.value = false
+  })
+}
+
+onMounted(() => {
+  isLoading.value = false
+})
 </script>
 
 <template>
@@ -14,7 +33,7 @@ const { isLoading = false } = defineProps<Props>()
 
 <style scoped>
 .spinner-wrap {
-  @apply absolute inset-0 flex items-center justify-center z-[90];
+  @apply fixed inset-0 flex items-center justify-center bg-black z-[90];
 }
 .spinner {
   @apply w-[80px] h-[80px] bg-cover bg-center bg-no-repeat bg-[url('/images/common/publisning_template_loader_black.png')];
diff --git a/layers/components/blocks/StoveGnbNew.vue b/layers/components/blocks/StoveGnbNew.vue
index 2811706..1b49935 100644
--- a/layers/components/blocks/StoveGnbNew.vue
+++ b/layers/components/blocks/StoveGnbNew.vue
@@ -65,16 +65,3 @@ onBeforeUnmount(() => {
 <template>
   <div id="stove-wrap" class="relative h-[48px] z-[5]" />
 </template>
-
-<style scoped>
-[data-theme='light'] {
-  #stove-wrap {
-    @apply bg-white;
-  }
-}
-[data-theme='dark'] {
-  #stove-wrap {
-    @apply bg-black;
-  }
-}
-</style>
diff --git a/layers/layouts/default.vue b/layers/layouts/default.vue
index 4f07b72..ae9b53e 100644
--- a/layers/layouts/default.vue
+++ b/layers/layouts/default.vue
@@ -8,7 +8,7 @@ onMounted(() => {
 
 <template>
   <LayoutsHeader />
-  <main class="relative">
+  <main class="main-default relative">
     <slot />
   </main>
   <LayoutsFooter />
diff --git a/layers/layouts/promotion.vue b/layers/layouts/promotion.vue
index 7633cee..ab85d56 100644
--- a/layers/layouts/promotion.vue
+++ b/layers/layouts/promotion.vue
@@ -2,7 +2,7 @@
 
 <template>
   <LayoutsHeader />
-  <main class="relative">
+  <main class="main-promotion relative">
     <BlocksButtonHome />
     <LayoutsEventNavigation />
     <slot />