calendar fix started

This commit is contained in:
victorAnumudu
2025-01-17 23:21:38 +01:00
parent 4079d27017
commit 7d7a15e386
6 changed files with 321 additions and 157 deletions
+20 -24
View File
@@ -91,9 +91,6 @@ $btn-bg: #8e54e9;
$btn-border: #8e54e9;
$event-padding: 10px;
@import 'react-big-calendar/lib/sass/styles';
@import 'react-big-calendar/lib/addons/dragAndDrop/styles'; // if using DnD
.extraProductCard{
background-color: aliceblue;
border-radius: 5px;
@@ -125,30 +122,29 @@ $event-padding: 10px;
/* CALENDER STYLE HERE */
// .rbc-today{
// background-color: '#fcf8e3' !important;
// }
.rbc-toolbar button {
background: #eceef3;
.fc-next-button.fc-button, .fc-prev-button.fc-button,
.fc-timeGridWeek-button.fc-button, .fc-timeGridDay-button.fc-button, .fc-dayGridMonth-button.fc-button {
background: #eceef3!important;
border: none;
color: #a6a9b7 !important;
text-transform: capitalize;
box-shadow: none!important;
text-shadow: none!important;
border-radius: 3px!important;
margin: 0 3px!important;
padding: 6px 12px!important;
height: auto!important;
text-transform: capitalize !important;
// box-shadow: none!important;
// text-shadow: none!important;
// border-radius: 3px!important;
// margin: 0 3px!important;
// padding: 6px 12px!important;
// height: auto!important;
}
.rbc-toolbar-label{
color: black !important;
font-size: 1.5rem;
font-weight: 700;
}
// .rbc-month-view{
// border: .5px solid #e8edf1!important;
// }
.rbc-toolbar button.rbc-active, .rbc-toolbar button:active, .rbc-toolbar button:hover{
.fc-today-button.fc-button,
.fc-timeGridWeek-button.fc-button-active, .fc-timeGridDay-button.fc-button-active, .fc-dayGridMonth-button.fc-button-active{
color: #fff!important;
border: none;
background-color: #8E54E9!important;
}
.fc-event.fc-event-draggable.fc-event-start.fc-event-end.fc-daygrid-event,
.fc-event.fc-event-draggable.fc-event-start.fc-event-end.fc-daygrid-event{
padding: 10px 2px !important;
}
/* END OF CALENDER STYLE */