From 17c3aefd2b027aa5b778f4a3d2a6fbaec7448927 Mon Sep 17 00:00:00 2001
From: khj0414 <khj0414@local-host.co.kr>
Date: Mon, 7 Apr 2025 15:53:07 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9A=A9=EC=96=B4=EC=A7=91=20=EC=98=81?=
 =?UTF-8?q?=EC=97=AD=20=EC=A7=A4=EB=A6=BC=20/=EA=B8=80=20=EC=9E=91?=
 =?UTF-8?q?=EC=84=B1=EC=8B=9C=20=EA=B3=84=EC=86=8D=20=EC=9E=85=EB=A0=A5?=
 =?UTF-8?q?=ED=95=A0=EB=95=8C=20=EC=98=86=EC=9C=BC=EB=A1=9C=20=EA=B3=84?=
 =?UTF-8?q?=EC=86=8D=20=EB=8A=98=EC=96=B4=EB=82=A8=20=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/voteboard/voteCard.vue |  2 +-
 src/components/wordDict/DictWrite.vue | 10 +++++++++-
 src/views/wordDict/wordDict.vue       | 13 ++++++++++++-
 3 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/components/voteboard/voteCard.vue b/src/components/voteboard/voteCard.vue
index f45e24b..165a9a5 100644
--- a/src/components/voteboard/voteCard.vue
+++ b/src/components/voteboard/voteCard.vue
@@ -33,7 +33,7 @@
                     </div>
                 </div>
             </h5>
-            <h5 class="mb-1">{{ data.localVote.LOCVOTTTL }}
+            <h5 class="mb-0">{{ data.localVote.LOCVOTTTL }}
                 <i v-if="yesVotetotal != '0'" class="bx bxs-check-circle link-success"></i>
             </h5>
             <small >{{ data.localVote.formatted_LOCVOTRDT }} ~ {{ data.localVote.formatted_LOCVOTEDT }}</small>
diff --git a/src/components/wordDict/DictWrite.vue b/src/components/wordDict/DictWrite.vue
index e37b52d..d0fb210 100644
--- a/src/components/wordDict/DictWrite.vue
+++ b/src/components/wordDict/DictWrite.vue
@@ -49,7 +49,7 @@
             @keyup="ValidHandler('title')"
         />
         <div>
-            <QEditor class="" @keyup="ValidHandler('content')"  @update:data="handleContentUpdate" @update:imageUrls="imageUrls = $event"  :is-alert="wordContentAlert" :initialData="contentValue"/>
+                <QEditor   class="q-editor-container"  @keyup="ValidHandler('content')"  @update:data="handleContentUpdate" @update:imageUrls="imageUrls = $event"  :is-alert="wordContentAlert" :initialData="contentValue"/>
             <div class="text-end mt-5">
                 <button class="btn btn-primary" @click="saveWord" :disabled="titleValue ? !changed : false">
                     <i class="bx bx-check"></i>
@@ -232,3 +232,11 @@ const handleCategoryFocusout = (value) => {
 };
 
 </script>
+<style>
+.q-editor-container {
+    max-width: 100%; /* 영역이 넘치지 않게 */
+    overflow: auto; /* 넘치는 내용은 스크롤로 처리 */
+    word-wrap: break-word; /* 긴 단어는 자동으로 줄바꿈 */
+    white-space: normal; /* 내용이 길어지면 자동으로 줄바꿈 */
+}
+</style>
diff --git a/src/views/wordDict/wordDict.vue b/src/views/wordDict/wordDict.vue
index 7f5e456..f5775d4 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" style="overflow-x: hidden; word-wrap: break-word;">
                         <DictCard
+                            class="DictCard q-editor-container"
                             v-for="item in wordList"
                             :key="item.WRDDICSEQ"
                             :item="item"
@@ -330,5 +331,15 @@ import { useRoute } from 'vue-router';
     top: 5px;
     height: fit-content;
 }
-
+.DictCard {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    gap: 1rem;
+}
+.q-editor-container {
+    max-width: 100%; /* 영역이 넘치지 않게 */
+    overflow: auto; /* 넘치는 내용은 스크롤로 처리 */
+    word-wrap: break-word; /* 긴 단어는 자동으로 줄바꿈 */
+    white-space: normal; /* 내용이 길어지면 자동으로 줄바꿈 */
+}
 </style>