diff --git a/src/components/mainPart/calendar/calendar.css b/src/components/mainPart/calendar/calendar.css index abe2bd3..9b0f566 100644 --- a/src/components/mainPart/calendar/calendar.css +++ b/src/components/mainPart/calendar/calendar.css @@ -2,6 +2,7 @@ width: 350px; width: 540px; width: 100%; + max-width: 500px; /* max-width: 100%; */ /* border: 1px solid #a0a096; */ border: none; @@ -189,4 +190,22 @@ abbr[title] { .react-calendar__month-view__days button:nth-child(-n+7) { background-color: #FAFAFA; background: #322948; +} + +.react-calendar__month-view__days button:nth-child(1), +.react-calendar__month-view__days button:nth-child(8), +.react-calendar__month-view__days button:nth-child(15), +.react-calendar__month-view__days button:nth-child(22), +.react-calendar__month-view__days button:nth-child(29), +.react-calendar__month-view__days button:nth-child(36) { + border-radius: 8px 0 0 8px; +} + +.react-calendar__month-view__days button:nth-child(7), +.react-calendar__month-view__days button:nth-child(14), +.react-calendar__month-view__days button:nth-child(21), +.react-calendar__month-view__days button:nth-child(28), +.react-calendar__month-view__days button:nth-child(35), +.react-calendar__month-view__days button:nth-child(42) { + border-radius: 0px 8px 8px 0; } \ No newline at end of file