fix. 코드 리팩토링

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>

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) {

layers/types/components/modal.ts

@@ -25,7 +25,7 @@ export interface ContentParams {
   isOutsideClose?: boolean
   modalName?: string
   contentTitle: string
-  tabInfo: {
+  tabInfo?: {
     title: string
     desc: string
   }[]