From 7874ea2ab35cb7820a09782836f62f414dea30e6 Mon Sep 17 00:00:00 2001 From: Cliff Hill Date: Sat, 30 Aug 2025 12:36:06 -0400 Subject: [PATCH] Making the calendar look better. Signed-off-by: Cliff Hill --- frontend/src/components/CalendarView.css | 22 ++++++++++++++++------ 1 file changed, 16 insertions(+), 6 deletions(-) diff --git a/frontend/src/components/CalendarView.css b/frontend/src/components/CalendarView.css index 93d9c066..103cdf34 100644 --- a/frontend/src/components/CalendarView.css +++ b/frontend/src/components/CalendarView.css @@ -16,8 +16,6 @@ .fc { font-family: "Inter", "Roboto", Arial, sans-serif !important; - /*background: transparent !important;*/ - /*border-radius: 12px !important;*/ box-shadow: none !important; } @@ -50,8 +48,6 @@ } .fc .fc-daygrid-day { - /* background: #fff !important;*/ - /*border-radius: 8px !important;*/ box-shadow: 0 1px 4px rgba(30, 64, 175, 0.08) !important; transition: box-shadow 0.2s !important; } @@ -69,7 +65,6 @@ .fc .fc-event { background: #1976d2 !important; color: #fff !important; - /*border-radius: 6px !important;*/ padding: 2px 6px !important; font-size: 0.95rem !important; box-shadow: 0 2px 8px rgba(30, 64, 175, 0.12) !important; @@ -86,11 +81,26 @@ .fc .fc-daygrid-day .fc-daygrid-day-frame { background: #c0c0c0 !important; - /*border-radius: 8px !important;*/ box-shadow: 0 1px 4px rgba(30, 64, 175, 0.08) !important; transition: box-shadow 0.2s !important; } +.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame { + background: #d0d0d0 !important; + box-shadow: 0 4px 12px rgba(30, 64, 175, 0.16) !important; +} + +.fc .fc-daygrid-day.fc-day-other .fc-daygrid-day-frame { + background: #aaa !important; + opacity: 1 !important; +} + +.fc .fc-daygrid-day.fc-day-other .fc-daygrid-day-number { + color: #fff !important; + opacity: 1 !important; + font-weight: 600 !important; +} + .fc .fc-daygrid-day:hover .fc-daygrid-day-frame { background: #e3f2fd !important; box-shadow: 0 4px 12px rgba(30, 64, 175, 0.16) !important;