From ff0ea598ec07bffc032cc671bde39e6c959b3369 Mon Sep 17 00:00:00 2001
From: nevermoregb <nevermoregb@local-host.co.kr>
Date: Thu, 3 Apr 2025 10:02:50 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A9=94=EC=9D=B8=EB=8B=AC=EB=A0=A5=20STYLE=20?=
 =?UTF-8?q?=EC=9D=B4=20=EB=8B=A4=EB=A5=B8=EA=B3=B3=EC=97=90=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9=EC=95=88=EB=90=98=EA=B2=8C=20=EC=88=98=EC=A0=95,?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/main/MainEventCalendar.vue | 26 +++++++++++------------
 src/components/main/MainEventList.vue     |  7 +-----
 2 files changed, 14 insertions(+), 19 deletions(-)

diff --git a/src/components/main/MainEventCalendar.vue b/src/components/main/MainEventCalendar.vue
index 902f759..9295536 100644
--- a/src/components/main/MainEventCalendar.vue
+++ b/src/components/main/MainEventCalendar.vue
@@ -156,7 +156,7 @@
         monthBirthdayPartyList.value = [];
         monthDinnerList.value = [];
         monthTeaTimeList.value = [];
-        monthTeaTimeList.value = [];
+        monthWorkShopList.value = [];
 
         if (res?.eventList?.length) {
             res.eventList.forEach(item => {
@@ -520,6 +520,10 @@
         },
     });
 
+    const handleWheelEvent = e => {
+        handleCloseModal();
+    };
+
     // 달력 뷰 변경 감지 (월 변경 시 데이터 다시 가져오기)
     watch(
         () => fullCalendarRef.value?.getApi().currentData.viewTitle,
@@ -551,35 +555,31 @@
         await fetchEventList(param);
         useFilterEventList(month, day);
 
-        // 이벤트모달 외부 클릭 감지
-        // document.addEventListener('click', e => {
-        //     if (showModal.value && !e.target.closest('.event-modal') && !e.target.closest('.fc-daygrid-day')) {
-        //         showModal.value = false;
-        //     }
-        // });
+        // 스크롤 감지 이벤트 리스너
+        window.addEventListener('wheel', handleWheelEvent);
     });
 </script>
-<style>
-    .fc-h-event {
+<style scoped>
+    ::v-deep(.fc-h-event) {
         background-color: transparent;
     }
 
-    .event-modal {
+    ::v-deep(.event-modal) {
         padding: 8px;
         border: 1px solid #ddd;
     }
 
-    .event-icon-select:hover {
+    ::v-deep(.event-icon-select:hover) {
         transform: scale(1.1);
         transition: transform 0.2s;
     }
 
     /* 이벤트 모달 노출 시 텍스트 선택 방지 */
-    .fc-daygrid-day {
+    ::v-deep(.fc-daygrid-day) {
         user-select: none;
     }
 
-    .fc-daygrid-day-events {
+    ::v-deep(.fc-daygrid-day-events) {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
diff --git a/src/components/main/MainEventList.vue b/src/components/main/MainEventList.vue
index 32c2b19..d395d90 100644
--- a/src/components/main/MainEventList.vue
+++ b/src/components/main/MainEventList.vue
@@ -22,18 +22,13 @@
                             />
                         </div>
                     </div>
-                    <div
-                        v-if="category.CMNCODVAL === 300201 || category.CMNCODVAL === 300202"
-                        class="col-9 mx-0 px-0 d-flex align-items-center"
-                    >
+                    <div class="col-9 mx-0 px-0 d-flex align-items-center">
                         <template v-if="category.CMNCODVAL === 300201">
                             <MainMemberProfile :members="birthdayList" :baseUrl="baseUrl" />
                         </template>
                         <template v-if="category.CMNCODVAL === 300202">
                             <MainMemberProfile :members="vacationList" :baseUrl="baseUrl" />
                         </template>
-                    </div>
-                    <div v-else class="col-9 mx-0 px-0 d-flex align-items-center">
                         <template v-if="category.CMNCODVAL === 300203">
                             <MainEventBoard :place="birthdayPartyList[0].LOCEVTPLC" :time="birthdayPartyList[0].LOCEVTTME" />
                         </template>