From 2c81f1c1103fe5bf8372f33c12b6ff77835d0696 Mon Sep 17 00:00:00 2001
From: yoon <nmjk0123@gmail.com>
Date: Thu, 20 Mar 2025 14:06:26 +0900
Subject: [PATCH] =?UTF-8?q?new=20=EB=B0=98=EC=A7=9D=EB=B0=98=EC=A7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/custom.css         | 18 +++++++++++++
 src/views/board/BoardList.vue | 48 +++++++++++++++++++++--------------
 2 files changed, 47 insertions(+), 19 deletions(-)

diff --git a/public/css/custom.css b/public/css/custom.css
index 1e22a80..9d906e2 100644
--- a/public/css/custom.css
+++ b/public/css/custom.css
@@ -24,6 +24,24 @@
     height: 70px;
     font-size: 18px;
 }
+
+
+@keyframes new {
+    0% {
+        background-color: #ffcc00;
+    }
+    50% {
+        background-color: red;
+    }
+    100% {
+        background-color: #ffcc00;
+    }
+}
+
+.box-new {
+    animation: new 1s infinite; /* 1초마다 반복 */
+}
+
 /* board end */
 
 
diff --git a/src/views/board/BoardList.vue b/src/views/board/BoardList.vue
index 41fae62..a03d9dc 100644
--- a/src/views/board/BoardList.vue
+++ b/src/views/board/BoardList.vue
@@ -57,16 +57,24 @@
                                 >
                                     <td class="text-center">공지</td>
                                     <td class="cursor-pointer">
-                                        📌 {{ notice.title }}
-                                        <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 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>
+                                        <div class="d-flex align-items-center">
+                                            <span class="me-1">📌</span>
+                                            <span>{{ notice.title }}</span>
+
+                                            <span v-if="notice.commentCount" class="text-danger fw-bold mx-1">
+                                                [ {{ notice.commentCount }} ]
+                                            </span>
+
+                                                <i v-if="notice.img" class="bi bi-image mx-1"></i>
+                                                <i
+                                                    v-if="Array.isArray(notice.hasAttachment) && notice.hasAttachment.length > 0"
+                                                    class="bi bi-paperclip"
+                                                ></i>
+
+                                            <span v-if="isNewPost(notice.rawDate)" class="box-new badge text-white ms-2 fs-tiny">
+                                                N
+                                            </span>
+                                        </div>
                                     </td>
                                     <td class="text-center">{{ notice.author }}</td>
                                     <td class="text-center">{{ notice.date }}</td>
@@ -81,15 +89,17 @@
                                 @click="goDetail(post.realId)"
                             >
                                 <td class="text-center">{{ post.id }}</td>
-                                <td class="cursor-pointer">
-                                    {{ post.title }}
-                                    <span v-if="post.commentCount" class="comment-count">[ {{ post.commentCount }} ]</span>
-                                    <i v-if="post.img" class="bi bi-image me-1"></i>
-                                    <i
-                                        v-if="Array.isArray(post.hasAttachment) && post.hasAttachment.length > 0"
-                                        class="bi bi-paperclip"
-                                    ></i>
-                                    <span v-if="isNewPost(post.rawDate)" class="badge bg-danger text-white ms-2 fs-tiny">N</span>
+                                <td class="cursor-pointer ">
+                                    <div class="d-flex align-items-center">
+                                        {{ post.title }}
+                                        <span v-if="post.commentCount" class="comment-count">[ {{ post.commentCount }} ]</span>
+                                        <i v-if="post.img" class="bi bi-image mx-1"></i>
+                                        <i
+                                            v-if="Array.isArray(post.hasAttachment) && post.hasAttachment.length > 0"
+                                            class="bi bi-paperclip"
+                                        ></i>
+                                        <span v-if="isNewPost(post.rawDate)" class="box-new badge text-white ms-2 fs-tiny">N</span>
+                                    </div>
                                 </td>
                                 <td class="text-center">{{ post.author }}</td>
                                 <td class="text-center">{{ post.date }}</td>