From 9548025afd6f0faee1dde30cd3891370a33b817c Mon Sep 17 00:00:00 2001
From: khj0414 <khj0414@local-host.co.kr>
Date: Thu, 3 Apr 2025 10:59:46 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=EC=88=98=EC=A0=95?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/main/MainWordDict.vue | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/main/MainWordDict.vue b/src/components/main/MainWordDict.vue
index 8e38da3..8a68f71 100644
--- a/src/components/main/MainWordDict.vue
+++ b/src/components/main/MainWordDict.vue
@@ -8,10 +8,10 @@
         </div>
         <div class="card-body">
             <ul class="p-0 m-0" v-for="item in wordList" :key="item.WRDDICSEQ">
-                <li class="d-flex  mb-1">
-                    <div class="avatar flex-shrink-0 me-1" >
+                <li class="d-flex align-items-center mb-1">
+                    <!-- 프로필 이미지 -->
+                    <div class="avatar flex-shrink-0 me-2 d-flex align-items-center">
                         <img
-                            style="cursor: auto;"
                             class="rounded-circle user-avatar"
                             :src="getProfileImage(item.lastEditor.profileImage)"
                             alt="최종 작성자"
@@ -19,14 +19,19 @@
                             @error="setDefaultImage"
                         />
                     </div>
-                    <div class="timeline-event ps-1"  style="cursor: pointer;" @click="goWordList(item.WRDDICCAT,item.WRDDICTTL)">
+
+                    <!-- 텍스트 영역 -->
+                    <div class="timeline-event ps-1 flex-grow-1" style="cursor: pointer;" @click="goWordList(item.WRDDICCAT,item.WRDDICTTL)">
                         <div class="timeline-header">
-                        <small class="text-primary text-uppercase">{{ item.category }}</small>
+                            <small class="text-primary text-uppercase">{{ item.category }}</small>
                         </div>
-                        <h6 class="my-50"> {{truncateTitle(item.WRDDICTTL) }}</h6>
+                        <h6 class="my-50 d-flex align-items-center">
+                            {{ truncateTitle(item.WRDDICTTL) }}
+                        </h6>
                         <p class="text-body mb-0"><small>{{$common.dateFormatter(item.lastEditor.updatedAt)}}</small></p>
                     </div>
                 </li>
+
             </ul>
         </div>
         <!-- 모달 푸터: 더보기 버튼 오른쪽 정렬 -->
@@ -112,7 +117,7 @@ const goWordList = (category, indexKeyword) => {
         path: '/wordDict',
         query: {
             indexKeyword: firstChar,
-            category: category
+            category: category,
         }
     });
 };