용어집 영억,짤림 수정정

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>

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>

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>