From bd5b1db86be7196aadd713b004691107a62db774 Mon Sep 17 00:00:00 2001
From: khj0414 <khj0414@local-host.co.kr>
Date: Thu, 20 Mar 2025 10:52:19 +0900
Subject: [PATCH 1/3] =?UTF-8?q?=EC=88=98=EC=A0=95=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/wordDict/DictCard.vue  | 60 ++++++++++++++-------------
 src/components/wordDict/DictWrite.vue |  6 ++-
 src/views/wordDict/wordDict.vue       |  6 +++
 3 files changed, 42 insertions(+), 30 deletions(-)

diff --git a/src/components/wordDict/DictCard.vue b/src/components/wordDict/DictCard.vue
index d706900..91837d3 100644
--- a/src/components/wordDict/DictCard.vue
+++ b/src/components/wordDict/DictCard.vue
@@ -19,41 +19,43 @@
                 </div>
             </div>
             <p class="mt-5 dict-content-wrap" v-html="$common.contentToHtml(item.WRDDICCON)"></p>
-            <div class="d-flex justify-content-between flex-wrap gap-2 mb-2">
-                <div class="d-flex flex-wrap align-items-center mb-50">
+            <div class="d-flex align-items-start">
+            <!-- 최초 작성자 -->
+                <div class="d-flex flex-wrap align-items-center me-4">
                     <div class="avatar avatar-sm me-2">
-                        <img
-                            class="rounded-circle user-avatar"
-                            :src="getProfileImage(item.author.profileImage)"
-                            alt="최초 작성자"
-                            :style="{ borderColor: item.author.color}"
-                            @error="setDefaultImage"
-                        />
+                    <img
+                        class="rounded-circle user-avatar"
+                        :src="getProfileImage(item.author.profileImage)"
+                        alt="최초 작성자"
+                        :style="{ borderColor: item.author.color }"
+                        @error="setDefaultImage"
+                    />
                     </div>
                     <div>
-                        <p class="mb-0 small fw-medium">{{ $common.dateFormatter(item.author.createdAt) }}</p>
-                    </div>
-                </div>
-            </div>
-            <div
-                v-if="item.author.createdAt !== item.lastEditor.updatedAt"
-                class="d-flex justify-content-between flex-wrap gap-2 mb-2"
-            >
-                <div class="d-flex flex-wrap align-items-center mb-50">
-                    <div class="avatar avatar-sm me-2">
-                        <img
-                            class="rounded-circle user-avatar"
-                            :src="getProfileImage(item.lastEditor.profileImage)"
-                            alt="최근 작성자"
-                            :style="{ borderColor: item.lastEditor.color}"
-                            @error="setDefaultImage"
-                        />
-                    </div>
-                    <div>
-                        <p class="mb-0 small fw-medium">{{ $common.dateFormatter(item.lastEditor.updatedAt) }}</p>
+                    <p class="mb-0 small fw-medium">{{ $common.dateFormatter(item.author.createdAt) }}</p>
+                    </div>
+                </div>
+
+                <!-- 최근 작성자 (조건부) -->
+                <div
+                    v-if="item.author.createdAt !== item.lastEditor.updatedAt"
+                    class="d-flex flex-wrap align-items-center"
+                >
+                    <div class="avatar avatar-sm me-2">
+                    <img
+                        class="rounded-circle user-avatar"
+                        :src="getProfileImage(item.lastEditor.profileImage)"
+                        alt="최근 작성자"
+                        :style="{ borderColor: item.lastEditor.color }"
+                        @error="setDefaultImage"
+                    />
+                    </div>
+                    <div>
+                    <p class="mb-0 small fw-medium">{{ $common.dateFormatter(item.lastEditor.updatedAt) }}</p>
                     </div>
                 </div>
             </div>
+
         </div>
 
         <div class="edit-btn">
diff --git a/src/components/wordDict/DictWrite.vue b/src/components/wordDict/DictWrite.vue
index f558915..083110f 100644
--- a/src/components/wordDict/DictWrite.vue
+++ b/src/components/wordDict/DictWrite.vue
@@ -17,7 +17,7 @@
     </div>
     <div v-if="dataList.length === 0 || showInput">
         <FormInput
-            class="me-5"
+            class="me-5 parent-class "
             ref="categoryInputRef"
             title="새 카테고리"
             :isLabel="dataList.length === 0 ?true : false"
@@ -25,6 +25,7 @@
             @update:modelValue="addCategory = $event"
             :is-cate-alert="addCategoryAlert"
             @focusout="handleCategoryFocusout(addCategory)"
+
         />
     </div>
         <FormInput class="me-5"
@@ -219,4 +220,7 @@ const handleCategoryFocusout = (value) => {
     right: 0.7rem;
     top: 1.2rem;
 }
+.parent-class {
+  justify-content: flex-end;
+}
 </style>
diff --git a/src/views/wordDict/wordDict.vue b/src/views/wordDict/wordDict.vue
index f3768a3..7840b86 100644
--- a/src/views/wordDict/wordDict.vue
+++ b/src/views/wordDict/wordDict.vue
@@ -31,6 +31,7 @@
                     <!-- 단어 목록 -->
                     <ul v-if="total > 0" class="ms-3 list-unstyled">
                         <DictCard
+                        class="DictCard"
                             v-for="item in wordList"
                             :key="item.WRDDICSEQ"
                             :item="item"
@@ -282,4 +283,9 @@
         margin-bottom: 0.5rem !important;
     }
 }
+.DictCard {
+    display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  gap: 1rem;
+}
 </style>

From 0abaea33fd33323ee771dbded8e81b32c90ccd4d Mon Sep 17 00:00:00 2001
From: khj0414 <khj0414@local-host.co.kr>
Date: Thu, 20 Mar 2025 10:52:59 +0900
Subject: [PATCH 2/3] =?UTF-8?q?=EC=88=98=EC=A0=95=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/wordDict/wordDict.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/wordDict/wordDict.vue b/src/views/wordDict/wordDict.vue
index 7840b86..e21ebda 100644
--- a/src/views/wordDict/wordDict.vue
+++ b/src/views/wordDict/wordDict.vue
@@ -31,7 +31,7 @@
                     <!-- 단어 목록 -->
                     <ul v-if="total > 0" class="ms-3 list-unstyled">
                         <DictCard
-                        class="DictCard"
+                            ㅅㅅclass="DictCard"
                             v-for="item in wordList"
                             :key="item.WRDDICSEQ"
                             :item="item"
@@ -285,7 +285,7 @@
 }
 .DictCard {
     display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-  gap: 1rem;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    gap: 1rem;
 }
 </style>

From ca8ce5e59a4e6fb38fcf133b3816110f2bc50a47 Mon Sep 17 00:00:00 2001
From: khj0414 <khj0414@local-host.co.kr>
Date: Thu, 20 Mar 2025 10:53:13 +0900
Subject: [PATCH 3/3] =?UTF-8?q?=EC=9E=AC=EC=88=98=EC=A0=95=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/wordDict/wordDict.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/wordDict/wordDict.vue b/src/views/wordDict/wordDict.vue
index e21ebda..a795fab 100644
--- a/src/views/wordDict/wordDict.vue
+++ b/src/views/wordDict/wordDict.vue
@@ -31,7 +31,7 @@
                     <!-- 단어 목록 -->
                     <ul v-if="total > 0" class="ms-3 list-unstyled">
                         <DictCard
-                            ㅅㅅclass="DictCard"
+                            class="DictCard"
                             v-for="item in wordList"
                             :key="item.WRDDICSEQ"
                             :item="item"