From aa3f0d8961eb2ac870292f1d81d992edb3713dd6 Mon Sep 17 00:00:00 2001
From: jinoov <jinho020@yonsei.ac.kr>
Date: Fri, 9 Aug 2024 23:59:49 +0900
Subject: [PATCH 1/3] =?UTF-8?q?feat:=20=EC=95=8C=EB=A6=BC=20UI=20=EA=B0=9C?=
 =?UTF-8?q?=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../header/Notification/Notification.tsx         | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/apps/web-client/src/components/header/Notification/Notification.tsx b/apps/web-client/src/components/header/Notification/Notification.tsx
index 928cc8b..3dbaaa5 100644
--- a/apps/web-client/src/components/header/Notification/Notification.tsx
+++ b/apps/web-client/src/components/header/Notification/Notification.tsx
@@ -28,8 +28,11 @@ const useStyles = createStyles(() => ({
     margin: '0',
     border: '0',
   },
-  dropdownShape: { display: 'flex', justifyContent: 'center', alignItems: 'center' },
-
+  dropdownShape: {
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
   dropdownAvatar: {
     padding: '2px',
     display: 'flex',
@@ -43,7 +46,7 @@ const useStyles = createStyles(() => ({
     display: 'flex',
     flexDirection: 'column',
     alignItems: 'center',
-    background: 'rgba(0, 0, 0, 0.06)',
+    background: '#f1f3f5',
     borderRadius: '8px',
   },
   notificationHeader: {
@@ -124,8 +127,9 @@ export default function Notification() {
               <Spin size="small" className={styles.notificationSpinner} />
             </div>
           ) : (
-            <button
-              type="button"
+            <Button
+              htmlType="button"
+              size="small"
               className={styles.notificationClearButton}
               onClick={() => {
                 updateAllNotiReadStatus(undefined, {
@@ -136,7 +140,7 @@ export default function Notification() {
               }}
             >
               Clear All
-            </button>
+            </Button>
           )}
         </div>
         <div className={styles.dropdownMenu}>{menu}</div>

From e23ab390fd410c2a24ba8a5fcc71734fe396d359 Mon Sep 17 00:00:00 2001
From: Jinho Choi <66049045+jinoov@users.noreply.github.com>
Date: Sat, 10 Aug 2024 00:00:08 +0900
Subject: [PATCH 2/3] =?UTF-8?q?Revert=20"feat:=20=EC=95=8C=EB=A6=BC=20UI?=
 =?UTF-8?q?=20=EA=B0=9C=EC=84=A0"=20(#143)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../header/Notification/Notification.tsx         | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/apps/web-client/src/components/header/Notification/Notification.tsx b/apps/web-client/src/components/header/Notification/Notification.tsx
index 3dbaaa5..928cc8b 100644
--- a/apps/web-client/src/components/header/Notification/Notification.tsx
+++ b/apps/web-client/src/components/header/Notification/Notification.tsx
@@ -28,11 +28,8 @@ const useStyles = createStyles(() => ({
     margin: '0',
     border: '0',
   },
-  dropdownShape: {
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
+  dropdownShape: { display: 'flex', justifyContent: 'center', alignItems: 'center' },
+
   dropdownAvatar: {
     padding: '2px',
     display: 'flex',
@@ -46,7 +43,7 @@ const useStyles = createStyles(() => ({
     display: 'flex',
     flexDirection: 'column',
     alignItems: 'center',
-    background: '#f1f3f5',
+    background: 'rgba(0, 0, 0, 0.06)',
     borderRadius: '8px',
   },
   notificationHeader: {
@@ -127,9 +124,8 @@ export default function Notification() {
               <Spin size="small" className={styles.notificationSpinner} />
             </div>
           ) : (
-            <Button
-              htmlType="button"
-              size="small"
+            <button
+              type="button"
               className={styles.notificationClearButton}
               onClick={() => {
                 updateAllNotiReadStatus(undefined, {
@@ -140,7 +136,7 @@ export default function Notification() {
               }}
             >
               Clear All
-            </Button>
+            </button>
           )}
         </div>
         <div className={styles.dropdownMenu}>{menu}</div>

From c71c8ee178d3d5253c53363ca6a7235af02cc7d6 Mon Sep 17 00:00:00 2001
From: Jinho Choi <66049045+jinoov@users.noreply.github.com>
Date: Sat, 10 Aug 2024 00:01:37 +0900
Subject: [PATCH 3/3] =?UTF-8?q?feat:=20=EC=95=8C=EB=A6=BC=20UI=20=EA=B0=9C?=
 =?UTF-8?q?=EC=84=A0=20(#144)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../header/Notification/Notification.tsx         | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/apps/web-client/src/components/header/Notification/Notification.tsx b/apps/web-client/src/components/header/Notification/Notification.tsx
index 928cc8b..3dbaaa5 100644
--- a/apps/web-client/src/components/header/Notification/Notification.tsx
+++ b/apps/web-client/src/components/header/Notification/Notification.tsx
@@ -28,8 +28,11 @@ const useStyles = createStyles(() => ({
     margin: '0',
     border: '0',
   },
-  dropdownShape: { display: 'flex', justifyContent: 'center', alignItems: 'center' },
-
+  dropdownShape: {
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
   dropdownAvatar: {
     padding: '2px',
     display: 'flex',
@@ -43,7 +46,7 @@ const useStyles = createStyles(() => ({
     display: 'flex',
     flexDirection: 'column',
     alignItems: 'center',
-    background: 'rgba(0, 0, 0, 0.06)',
+    background: '#f1f3f5',
     borderRadius: '8px',
   },
   notificationHeader: {
@@ -124,8 +127,9 @@ export default function Notification() {
               <Spin size="small" className={styles.notificationSpinner} />
             </div>
           ) : (
-            <button
-              type="button"
+            <Button
+              htmlType="button"
+              size="small"
               className={styles.notificationClearButton}
               onClick={() => {
                 updateAllNotiReadStatus(undefined, {
@@ -136,7 +140,7 @@ export default function Notification() {
               }}
             >
               Clear All
-            </button>
+            </Button>
           )}
         </div>
         <div className={styles.dropdownMenu}>{menu}</div>