fix: design fix

4bujak-4bujak · Jun 13, 2024 · caacc69 · caacc69
1 parent 9b52ed6
commit caacc69
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/src/components/notification/NoticeCommunityLayout.tsx b/src/components/notification/NoticeCommunityLayout.tsx
@@ -8,16 +8,16 @@ export const NotificationCommunityLayout = ({ notice }: { notice: NotificationTy
     <Link href={`community/${notice?.targetId}`}>
       <div
         key={notice?.notificationId}
-        className="flex flex-row  justify-start items-center mt-[16px] mb-[36px] relative">
+        className="flex flex-row  justify-start items-center mt-[9px] mb-[20px] relative">
         <img src={notice?.image} className="mr-[14px] w-[28px] h-[28px]" />
 
         <div className="flex flex-col justify-start items-start">
-          <div className=" w-[250px] text-xs font-medium text-neutral-600  flex-grow">
+          <div className=" w-[235px]  text-sm font-medium text-neutral-600  flex-grow">
             {notice?.content}
           </div>
         </div>
         <div
-          className="min-w-[50px] w-auto pl-[20px] pb-[35px]] text-xs font-normal text-neutral-400 absolute
+          className="min-w-[50px] w-auto pl-[20px] pb-[35px]]  text-xs font-light text-neutral-400 absolute
          top-0 right-2 ">
           {CalculateTime(notice?.date)}
         </div>

diff --git a/src/components/notification/NotificationLayout.tsx b/src/components/notification/NotificationLayout.tsx
@@ -20,13 +20,13 @@ export const NotificationLayout = ({ notice }: { notice: NotificationType }) =>
         <img src={notice?.image} className="mr-[14px] w-[28px] h-[28px]" />
 
         <div className="flex flex-col justify-start items-start">
-          <div className="text-base font-medium text-black mb-[6px]">{notice?.title}</div>
-          <div className="text-xs font-medium text-neutral-600  flex-grow">
+          <div className="  text-sm font-bold text-black mb-[6px]">{notice?.title}</div>
+          <div className="text-sm font-medium text-neutral-600  flex-grow">
             {notice?.content}
           </div>
         </div>
         <div
-          className="min-w-[60px] w-auto  pl-[20px] pb-[35px] text-xs font-normal text-neutral-400 absolute
+          className="min-w-[60px] w-auto  pl-[20px] pb-[35px] text-xs  font-light text-neutral-400 absolute
          top-0 right-2
       ">
           {CalculateTime(notice?.date)}

diff --git a/src/pages/notification/index.tsx b/src/pages/notification/index.tsx
@@ -115,7 +115,7 @@ const Notification = () => {
                   <>
                     {todayNotifications.length > 0 && (
                       <Fragment>
-                        <h2 className=" font-bold ">오늘</h2>
+                        <h2 className="text-sm  font-semibold ">오늘</h2>
                         {todayNotifications.map((notice: NotificationType) => (
                           <Fragment key={notice.notificationId}>
                             <NotificationCommunityLayout notice={notice} />
@@ -125,7 +125,7 @@ const Notification = () => {
                     )}
                     {pastNotifications.length > 0 && (
                       <Fragment>
-                        <h2 className=" font-bold mt-[20px] ">최근 7일</h2>
+                        <h2 className=" text-sm  font-semibold mt-[20px] ">최근 7일</h2>
                         {pastNotifications.map((notice: NotificationType) => (
                           <Fragment key={notice.notificationId}>
                             <NotificationCommunityLayout notice={notice} />