(#0) 스케줄 캘린더 더보기 오류 수정

thebbodek · Dec 14, 2023 · e50b0e9 · e50b0e9
1 parent 5fe126e
commit e50b0e9
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/src/core/components/Calendar/ScheduleCalendar/ScheduleCalendar.stories.tsx b/src/core/components/Calendar/ScheduleCalendar/ScheduleCalendar.stories.tsx
@@ -57,10 +57,13 @@ export const Default = () => {
           },
           "2023-12-06": {
             quantity: 10,
-            markedDates: [ "", "견학", "견학", "견학" ],
+            markedDates: [ "", "견학", "견학" ],
+          },
+          "2023-12-07": {
+            markedDates: [ "특강", "", "", "" ],
           },
           "2023-12-08": {
-            markedDates: ["특강"],
+            markedDates: [""],
           },
           "2023-12-09": {
             markedDates: [""],

diff --git a/src/core/components/Calendar/ScheduleCalendar/subs/CalendarDayComponent.tsx b/src/core/components/Calendar/ScheduleCalendar/subs/CalendarDayComponent.tsx
@@ -79,12 +79,14 @@ export const CalendarDayComponent = ({
                         </div>
                       ))
                     }
-                    {(schedulesData[markedDate].markedDates?.length ?? 0) > 3 &&
-                      <div className = "bg-primary-02 text-white rounded-2xl mt-1">
+                    {(schedulesData[markedDate].markedDates?.length ?? 0) > 2 &&
+                      <div className = "mt-1 px-[2px]">
                         <Typography
+                          element = "p"
                           theme = "body-02-bold"
                           text = "더보기"
-                          className = "text-inherit"
+                          className = "bg-primary-02 rounded-2xl "
+                          color = "white"
                         />
                       </div>
                     }