feat: ✨ make initial view dependent on window width

dlmbl · Jun 1, 2024 · 4d37c2b · 4d37c2b
1 parent 1cd1470
commit 4d37c2b
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/assets/js/calendar.js b/assets/js/calendar.js
@@ -1,8 +1,15 @@
 document.addEventListener('DOMContentLoaded', function () {
     var calendarEl = document.getElementById('calendar');
+    function getInitialView() {
+        if (window.innerWidth < 768) {
+            return 'listWeek';
+        } else {
+            return 'timeGridWeek';
+        }
+    }
     var calendar = new FullCalendar.Calendar(calendarEl, {
         timeZone: 'America/New_York',
-        initialView: 'timeGridWeek',
+        initialView: getInitialView(),
         initialDate: '2024-08-21',
         contentHeight: 'auto',
         slotMinTime: '08:00:00',