From 56a23340555e21ff305a0b89ff5a51048db476f2 Mon Sep 17 00:00:00 2001
From: clkim <clkim@smilegate.com>
Date: Thu, 13 Nov 2025 16:52:35 +0900
Subject: [PATCH] =?UTF-8?q?fix.=20=EC=BD=94=EB=93=9C=20=EB=A6=AC=ED=8C=A9?=
 =?UTF-8?q?=ED=86=A0=EB=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/pages/[d1]/index.vue                      |  3 +--
 layers/components/blocks/modal/Content.vue    | 11 ++++++-----
 layers/components/layouts/EventNavigation.vue |  1 -
 layers/types/components/modal.ts              |  2 +-
 4 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/app/pages/[d1]/index.vue b/app/pages/[d1]/index.vue
index cd8b948..79639c9 100644
--- a/app/pages/[d1]/index.vue
+++ b/app/pages/[d1]/index.vue
@@ -13,7 +13,6 @@ onMounted(() => {
 
 const currentLayout = computed(() => getLayoutType(getPageData.value))
 
-
 definePageMeta({
   layout: false, // 동적 레이아웃을 위해 기본 레이아웃 비활성화
   middleware: ['inspection'],
@@ -22,6 +21,6 @@ definePageMeta({
 
 <template>
   <NuxtLayout :name="currentLayout">
-    <LayoutsMain v-if="getPageData" id="page-content" :page-data="getPageData" />
+    <LayoutsMain v-if="getPageData" :page-data="getPageData" />
   </NuxtLayout>
 </template>
diff --git a/layers/components/blocks/modal/Content.vue b/layers/components/blocks/modal/Content.vue
index 399ac9d..1407559 100644
--- a/layers/components/blocks/modal/Content.vue
+++ b/layers/components/blocks/modal/Content.vue
@@ -10,6 +10,7 @@ const props = withDefaults(defineProps<ContentParams>(), {
   isOutsideClose: false,
   contentTitle: '',
   tabActiveIndex: 0,
+  tabInfo: () => [],
 })
 
 const modalStore = useModalStore()
@@ -101,7 +102,7 @@ watch(isOpen, newVal => {
 
           <template v-else>
             <div
-              v-dompurify-html="tabInfo[0].desc"
+              v-dompurify-html="tabInfo[0]?.desc"
               class="content-tex use-base"
             />
           </template>
@@ -152,13 +153,13 @@ watch(isOpen, newVal => {
 .content-tex {
   @apply overflow-y-auto mb-4 px-6 sm:mb-6 sm:px-8;
 }
-.content-tex::-webkit-scrollbar {
-  @apply w-[4px];
-}
 .content-tex::-webkit-scrollbar-track {
   @apply bg-transparent;
 }
+.content-tex::-webkit-scrollbar {
+  @apply w-5;
+}
 .content-tex::-webkit-scrollbar-thumb {
-  @apply bg-[#D9D9D9] rounded-full px-2;
+  @apply w-1 bg-[#D9D9D9] rounded-full bg-clip-padding border-solid border-transparent border-8;
 }
 </style>
diff --git a/layers/components/layouts/EventNavigation.vue b/layers/components/layouts/EventNavigation.vue
index 4101cb4..0b4decc 100644
--- a/layers/components/layouts/EventNavigation.vue
+++ b/layers/components/layouts/EventNavigation.vue
@@ -29,7 +29,6 @@ const getEventNavigation = async (): Promise<Record<
 
   const response = (await commonFetch('GET', apiUrl, {
     query: queryParams,
-    loading: false,
   })) as EventNavigationResponse | null
 
   if (response?.code === 0 && 'value' in response) {
diff --git a/layers/types/components/modal.ts b/layers/types/components/modal.ts
index 9456e15..1c2d611 100644
--- a/layers/types/components/modal.ts
+++ b/layers/types/components/modal.ts
@@ -25,7 +25,7 @@ export interface ContentParams {
   isOutsideClose?: boolean
   modalName?: string
   contentTitle: string
-  tabInfo: {
+  tabInfo?: {
     title: string
     desc: string
   }[]