feat. 이벤트 네비게이션 추가

layers/components/layouts/Main.vue

@@ -11,11 +11,8 @@ interface Props {
 }
 
 const props = defineProps<Props>()
+
 const { locale } = useI18n()
-
-const mainRef = ref<HTMLElement>()
-
-// 템플릿 레지스트리 사용
 const { getTemplateComponent } = useTemplateRegistry()
 
 // 개별 메타 태그 표시 여부 확인
@@ -62,7 +59,7 @@ watchEffect(() => {
 </script>
 
 <template>
-  <div ref="mainRef" class="main">
+  <div class="main-content">
     <template
       v-for="(template, index) in visibleTemplates"
       :key="template.template_code ?? index"
@@ -74,7 +71,6 @@ watchEffect(() => {
       />
     </template>
     <BlocksUtileContainer
-      :parent-ref="mainRef"
       :is-show-top-btn="pageData.use_top_btn ?? false"
       :is-show-sns-btn="pageData.use_sns_btn ?? false"
     />
@@ -82,12 +78,12 @@ watchEffect(() => {
 </template>
 
 <style scoped>
-.main {
-  @apply relative min-h-[200px] pt-[48px] md:min-h-[600px] md:pt-[64px] z-[91];
+.main-content {
+  @apply relative min-h-[200px] pt-[48px] md:min-h-[800px] md:pt-[64px];
 }
 
 [data-theme='light'] {
-  .main {
+  .main-content {
     @apply bg-theme-foreground;
   }
 }