91 responsive changes

frontend/src/App.vue

@@ -3,15 +3,25 @@ import MenuBar from "./components/MenuBar.vue";
 import {RouteRecordName, RouterView} from "vue-router";
 import CalendarPreview from "./components/CalendarPreview.vue";
 import moduleStore from "./store/moduleStore.ts";
+import { provide, ref } from "vue";
 
 const disabledPages = ["room-finder", "faq", "imprint", "privacy-policy", "edit", "edit-calendar"];
 
 const store = moduleStore();
+const mobilePage = ref(true);
+provide("mobilePage", mobilePage);
 
 const isDisabled = (routeName: RouteRecordName | null | undefined) => {
   return !disabledPages.includes(routeName as string) && store.modules.size > 0
 };
 
+const updateMobile = () => {
+  mobilePage.value = window.innerWidth <= 992;
+};
+
+updateMobile();
+
+window.addEventListener("resize", updateMobile);
 </script>
 
 <template>