initial-commit

frontend/src/styles/Calendar.css

@@ -0,0 +1,46 @@
+.calendar-container {
+    width: 80%;
+    margin: 0 auto;
+}
+
+/* Styling each day cell */
+.fc-daygrid-day-frame {
+    position: relative; /* Ensure positioning for child elements */
+    border: 1px solid #e0e0e0; /* Grid cell border for better visibility */
+}
+
+/* Event styling */
+.fc-event {
+    border-radius: 3px; /* Rounded corners for events */
+    padding: 4px; /* Padding for events */
+    font-size: 12px; /* Font size for event text */
+    cursor: pointer; /* Pointer cursor for events */
+    box-sizing: border-box; /* Include padding in the width/height */
+}
+
+/* Selected event styling */
+.fc-event-selected {
+    border: 2px solid black; /* Border for selected events */
+}
+
+/* Optional: Add hover effect for events */
+.fc-event:hover {
+    background-color: #FF7043; /* Change color on hover */
+}
+
+.event-details {
+    margin-top: 20px;
+    padding: 15px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    background-color: #f9f9f9;
+}
+
+.event-details h3 {
+    margin: 0 0 10px;
+}
+
+.event-details label {
+    display: block;
+    margin-bottom: 10px;
+}