styled calendar

This commit is contained in:
DmitriyB
2022-07-25 18:57:50 +05:30
parent b092af6bfb
commit 80feed0d8f
@@ -2,6 +2,7 @@
width: 350px;
width: 540px;
width: 100%;
max-width: 500px;
/* max-width: 100%; */
/* border: 1px solid #a0a096; */
border: none;
@@ -190,3 +191,21 @@ abbr[title] {
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;
}