styled calendar
This commit is contained in:
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user