💄 캘린더 이벤트 스타일 수정

- 시간이 잘리지 않도록 스타일 조정 - 시간을 mm:ss 형식으로 나타냄
boostcampwm2023 · Nov 29, 2023 · 6304d57 · 6304d57
1 parent bf36718
commit 6304d57
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/app/frontend/src/pages/Calendar/CalendarView.css.ts b/app/frontend/src/pages/Calendar/CalendarView.css.ts
@@ -1,4 +1,4 @@
-import { style } from '@vanilla-extract/css';
+import { globalStyle, style } from '@vanilla-extract/css';
 
 import { sansRegular14 } from '@/styles/font.css';
 
@@ -10,3 +10,7 @@ export const container = style([
     paddingBottom: '4rem',
   },
 ]);
+
+globalStyle('.fc-h-event .fc-event-time', {
+  overflow: 'initial',
+});
diff --git a/app/frontend/src/pages/Calendar/CalendarView.tsx b/app/frontend/src/pages/Calendar/CalendarView.tsx
@@ -35,6 +35,11 @@ export function CalendarView({
         eventTextColor={grayscale500}
         eventDisplay="block"
         eventClick={onClickEvent}
+        eventTimeFormat={{
+          hour: '2-digit',
+          minute: '2-digit',
+          hour12: false,
+        }}
       />
     </div>
   );