From 5b42847028dc3fc1d0886152de261a77e64562a7 Mon Sep 17 00:00:00 2001
From: nevermoregb <nevermoregb@local-host.co.kr>
Date: Thu, 27 Mar 2025 09:39:03 +0900
Subject: [PATCH] =?UTF-8?q?250327=20=EC=A4=91=EA=B0=84=20=EC=BB=A4?=
 =?UTF-8?q?=EB=B0=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/main/MainEventList.vue | 48 ++++++++++++++++-----------
 1 file changed, 29 insertions(+), 19 deletions(-)

diff --git a/src/components/main/MainEventList.vue b/src/components/main/MainEventList.vue
index 10f02a1..41aaf2b 100644
--- a/src/components/main/MainEventList.vue
+++ b/src/components/main/MainEventList.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="">
         <template v-for="category in categoryList" :key="category.CMNCODVAL">
-            <div v-if="" class="border border-2 mt-3 card p-2">
+            <div class="border border-2 mt-3 card p-2">
                 <div class="row g-2">
                     <div class="col-3 mx-0 px-0">
                         <div class="ratio ratio-1x1">
@@ -12,29 +12,39 @@
                             />
                         </div>
                     </div>
-                    <div class="col-9 d-flex flex-wrap mx-0 px-0">
+                    <div class="col-9 mx-0 px-0">
                         <template v-if="category.CMNCODVAL === 300201">
                             <div v-for="member in birthdayList" :key="member.MEMBERSEQ">
-                                <div class="w-25">
-                                    <img
-                                        :src="`${baseUrl}upload/img/profile/${member.MEMBERPRF}`"
-                                        alt="User Profile"
-                                        class="rounded-circle"
-                                        @error="$event.target.src = '/img/icons/icon.png'"
-                                    />
-                                </div>
+                                <ul class="row gx-2 mb-0 list-inline">
+                                    <li class="col-4 mb-3">
+                                        <img
+                                            :src="`${baseUrl}upload/img/profile/${member.MEMBERPRF}`"
+                                            alt="User Profile"
+                                            class="rounded-circle"
+                                            @error="$event.target.src = '/img/icons/icon.png'"
+                                        />
+                                    </li>
+                                </ul>
                             </div>
                         </template>
                         <template v-if="category.CMNCODVAL === 300202">
-                            <div v-for="member in vacationList" :key="member.MEMBERSEQ">
-                                <div class="w-25">
-                                    <img
-                                        :src="`${baseUrl}upload/img/profile/${member.MEMBERPRF}`"
-                                        alt="User Profile"
-                                        class="rounded-circle"
-                                        @error="$event.target.src = '/img/icons/icon.png'"
-                                    />
-                                </div>
+                            <div class="ms-2">
+                                <ul class="row gx-1 mb-0 list-inline d-flex align-items-center">
+                                    <li class="col-4 me-0">
+                                        <div
+                                            v-for="member in vacationList"
+                                            :key="member.MEMBERSEQ"
+                                            class="ratio ratio-1x1 mb-0 profile-list"
+                                        >
+                                            <img
+                                                :src="`${baseUrl}upload/img/profile/${member.MEMBERPRF}`"
+                                                alt="User Profile"
+                                                class="rounded-circle"
+                                                @error="$event.target.src = '/img/icons/icon.png'"
+                                            />
+                                        </div>
+                                    </li>
+                                </ul>
                             </div>
                         </template>
                     </div>