Merge pull request #30 from JhndaCoder/main

Minor fixes in Calendar
ACM-Thapar · Oct 8, 2022 · 07a965a · 07a965a
2 parents ab44e6e + 8888d81
commit 07a965a
Show file tree

Hide file tree

Showing 4 changed files with 12,933 additions and 13,313 deletions.
diff --git a/acm-member-dashboard/package.json b/acm-member-dashboard/package.json
@@ -65,4 +65,4 @@
     "sass-loader": "^13.0.2",
     "webpack": "^5.74.0"
   }
-}
+}
diff --git a/acm-member-dashboard/src/pages/calendar/Calendar.css b/acm-member-dashboard/src/pages/calendar/Calendar.css
@@ -1,4 +1,45 @@
-.calendar-container{
-    width: 50%;
-
+.calendar-container {
+    margin-top: 20vh;
+    margin-left: 3.5vw;
+    width: 50vw;
+    height: auto;
+}
+
+.fc-button {
+    width: 10vh;
+}
+
+.fc-toolbar-title {
+    color: #fff;
+}
+
+.fc-col-header-cell-cushion {
+    color: #0b1b37;
+}
+
+@media screen and (max-width: 400px) {
+    .calendar-container {
+        margin: auto;
+        width: 80vw;
+        height: auto;
+    }
+
+    .fc-toolbar-title {
+        font-size: 5vw !important;
+    }
+
+    .fc-prev-button,
+    .fc-next-button {
+        width: 12vw !important;
+        height: auto !important;
+    }
+
+    .fc-icon {
+        font-size: 5vw !important;
+    }
+
+    .fc-today-button {
+        position: relative;
+        top: 10vh;
+    }
 }
diff --git a/acm-member-dashboard/src/pages/calendar/Calendar.jsx b/acm-member-dashboard/src/pages/calendar/Calendar.jsx
@@ -25,6 +25,7 @@ const Calendar = () => {
           selectable={true}
           selectMirror={true}
           dayMaxEvents={true}
+          className = "calendar"
 
           // alternatively, use the `events` setting to fetch from a feed
           /* you can update a remote database when these fire:
-Original file line number
+Diff line change
@@ Expand Up / @@ -65,4 +65,4 @@ @@
         "sass-loader": "^13.0.2",
         "webpack": "^5.74.0"
       }
-    }
+    }