board css 수정

public/css/custom.css

@@ -1,5 +1,21 @@
 /* 여기에 light css 작성  */
 
+/* board */
+.board-content img {
+    max-width: 100% !important;
+    width: 100% !important;
+    height: auto !important;
+    display: block;
+    object-fit: contain;
+}
+
+.board-content table {
+    max-width: 100%;
+    overflow-x: auto;
+    display: block;
+}
+/* board end */
+
 /* 에러페이지 */
 /* 전체 화면을 덮는 스타일 */
 .error-page {

src/views/board/BoardEdit.vue

@@ -50,7 +50,7 @@
                     <div class="mb-4">
                         <label for="html5-tel-input" class="col-md-2 col-form-label">
                             내용
-                            <span class="text-red">*</span>
+                            <span class="text-danger">*</span>
                         </label>
                         <div class="col-md-12">
                             <QEditor
@@ -278,10 +278,3 @@
         }
     });
 </script>
-
-<style>
-    .text-red {
-        color: red;
-        text-align: center;
-    }
-</style>

src/views/board/BoardList.vue

@@ -55,8 +55,8 @@
                                     <td class="text-center">공지</td>
                                     <td class="cursor-pointer">
                                         📌 {{ notice.title }}
-                                        <span v-if="notice.commentCount" class="comment-count">[ {{ notice.commentCount }} ]</span>
+                                        <span v-if="notice.commentCount" class="text-danger fw-bold me-1">[ {{ notice.commentCount }} ]</span>
-                                        <i v-if="notice.img" class="bi bi-image me-1"></i>
+                                        <i v-if="notice.img" class="bi bi-image me-1 align-middle"></i>
                                         <i v-if="Array.isArray(notice.hasAttachment) && notice.hasAttachment.length > 0" class="bi bi-paperclip"></i>
                                         <span v-if="isNewPost(notice.rawDate)" class="badge bg-danger text-white ms-2 fs-tiny">N</span>
                                     </td>
@@ -288,7 +288,6 @@ onMounted(() => {
     .comment-count {
         font-size: 0.9rem;
         font-weight: bold;
-        color: #ff5733;
         border-radius: 4px;
         padding: 2px 6px;
         position: relative;

src/views/board/BoardView.vue

@@ -71,7 +71,7 @@
                         </div>
 
                         <!-- HTML 콘텐츠 렌더링 -->
-                        <div class="board-content text-body" style="line-height: 1.6" v-html="$common.contentToHtml(boardContent)"></div>
+                        <div class="board-content text-body mw-100 overflow-hidden text-break" style="line-height: 1.6" v-html="$common.contentToHtml(boardContent)"></div>
 
                         <!-- 좋아요 버튼 -->
                         <div class="row justify-content-center my-10">
@@ -828,24 +828,3 @@
         fetchComments();
     });
 </script>
-<style>
-    .board-content {
-        max-width: 100%;
-        overflow: hidden;
-        word-wrap: break-word;
-    }
-
-    .board-content img {
-        max-width: 100% !important;
-        width: 100% !important;
-        height: auto !important;
-        display: block;
-        object-fit: contain;
-    }
-
-    .board-content table {
-        max-width: 100%;
-        overflow-x: auto;
-        display: block;
-    }
-</style>