feat: 로딩 수정

layers/components/blocks/StoveGnbNew.vue

@@ -50,7 +50,6 @@ onMounted(() => {
     }
     mountedInstance = (window as any).StoveGnb.mount('#stove-wrap', stoveGnbOptions)
 
-    console.log("🚀 ~ onMounted ~ stoveGnbOptions:", stoveGnbOptions)
   }
 })
 
@@ -62,5 +61,23 @@ onBeforeUnmount(() => {
 })
 </script>
 <template>
-  <div id="stove-wrap" class="relative z-[5]" />
+  <div class="stove-gnb-new">
+    <div id="stove-wrap" class="relative z-[5]" />
+  </div>
 </template>
+
+<style scoped>
+.stove-gnb-new {
+  @apply h-[48px];
+}
+[data-theme='light'] {
+  .stove-gnb-new {
+    @apply bg-white;
+  }
+}
+[data-theme='dark'] {
+  .stove-gnb-new {
+    @apply bg-black;
+  }
+}
+</style>

layers/components/layouts/Footer.vue

@@ -1,5 +1,5 @@
 <template>
-  <footer id="footer" ref="footerRef" class="bg-black">
+  <footer id="footer" ref="footerRef" class="relative bg-black z-[90]">
     <div
       class="inner relative max-w-7xl mx-auto px-5 md:px-10 py-4 text-[12px] text-gray-400 md:px-4 md:py-9 md:text-[12px]"
     >
@@ -206,4 +206,7 @@ const footerAgeRatingInfo = computed((): string[] => {
 </script>
 
 <style scoped>
+em {
+  font-style: normal;
+}
 </style>

layers/layouts/default.vue

@@ -8,9 +8,16 @@ onMounted(() => {
 
 <template>
   <LayoutsHeader />
-  <main id="LayoutMain" class="min-h-screen relative">
+  <AtomsLoadingSimple :is-loading="isLoading" />
-    <AtomsLoadingSimple :is-loading="isLoading" />
+  <main id="LayoutsMain">
     <slot />
   </main>
+
   <LayoutsFooter />
 </template>
+
+<style scoped>
+#LayoutsMain {
+  @apply relative min-h-[200px] md:min-h-[800px] z-[91];
+}
+</style>