fix: カレンダーの文字はみ出しを修正

magi-sche-org · Mar 14, 2024 · 0eb09d6 · 0eb09d6
1 parent 848debf
commit 0eb09d6
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/GuestPage/UserCalender.tsx b/src/components/GuestPage/UserCalender.tsx
@@ -78,7 +78,13 @@ export const UserCalender: FC<Props> = ({ calendars }) => {
                       >
                         <Typography
                           variant="caption"
-                          sx={{ color: "primary.main", lineHeight: "1.2" }}
+                          sx={{
+                            color: "primary.main",
+                            lineHeight: "1.2",
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                            whiteSpace: "nowrap",
+                          }}
                         >
                           {duration}
                           <br />