From 602affdb88cb1765d889eae761b31389741fdc13 Mon Sep 17 00:00:00 2001
From: seorang42 <seorang42@naver.com>
Date: Tue, 11 Feb 2025 01:20:30 +0900
Subject: [PATCH] =?UTF-8?q?:recycle:=20[refactor]=20:=20=EC=95=8C=EB=A6=BC?=
 =?UTF-8?q?=20=EB=AA=A8=EB=8B=AC=20=ED=81=AC=EA=B8=B0=20=ED=99=95=EB=8C=80?=
 =?UTF-8?q?=20=EB=B0=8F=20=EC=98=A4=ED=83=80,=20=EB=AC=B8=EA=B5=AC=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/top-bar/NotificationMessage.vue | 9 ++++-----
 src/components/top-bar/NotificationModal.vue   | 2 +-
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/top-bar/NotificationMessage.vue b/src/components/top-bar/NotificationMessage.vue
index e0768d49..089194f9 100644
--- a/src/components/top-bar/NotificationMessage.vue
+++ b/src/components/top-bar/NotificationMessage.vue
@@ -11,16 +11,15 @@
       class="flex flex-col text-xs gap-1"
       v-if="type === 'COMMENT'">
       <span>
-        <span class="font-bold text-primary1">"{{ title }}""</span> 작업에 새로운 댓글이
+        <span class="font-bold text-primary1">"{{ title }}"</span> 작업에 새로운 댓글이
         추가되었습니다
       </span>
-      <span class="font-bold text-body">"{{ message }}"</span>
+      <span class="font-bold text-body line-clamp-2">"{{ message }}"</span>
     </div>
     <div
-      class="flex flex-col text-xs gap-1"
+      class="text-xs"
       v-else-if="type === 'TASK_REQUESTED'">
-      <span>새 작업이 요청되었습니다</span>
-      <span class="font-bold text-primary1">"{{ title }}"</span>
+      <span class="font-bold text-primary1">"{{ title }}"</span> 작업이 요청되었습니다
     </div>
     <div
       class="text-xs"
diff --git a/src/components/top-bar/NotificationModal.vue b/src/components/top-bar/NotificationModal.vue
index 8c542b09..45bc5861 100644
--- a/src/components/top-bar/NotificationModal.vue
+++ b/src/components/top-bar/NotificationModal.vue
@@ -2,7 +2,7 @@
   <div
     v-if="isOpen"
     @click.stop
-    class="absolute right-6 top-[calc(100%+16px)] h-60 w-80 bg-white rounded-lg shadow-custom overflow-hidden flex flex-col">
+    class="absolute right-6 top-[calc(100%+16px)] h-[400px] w-[400px] bg-white rounded-lg shadow-custom overflow-hidden flex flex-col">
     <div class="flex justify-between items-center px-4 pt-3 pb-2 border-b border-border-2">
       <p class="text-body font-bold text-xs">알림</p>
       <div class="flex items-center gap-2">