diff --git a/resources/views/Schedule.vue b/resources/views/Schedule.vue index 8d51fc2..803da12 100644 --- a/resources/views/Schedule.vue +++ b/resources/views/Schedule.vue @@ -1,10 +1,10 @@ diff --git a/resources/views/Schedule/Links.vue b/resources/views/Schedule/Links.vue index 42146ef..30d62ab 100644 --- a/resources/views/Schedule/Links.vue +++ b/resources/views/Schedule/Links.vue @@ -5,7 +5,10 @@ name: "Links", data: () => ({ links: [], - fetching: true + fetching: true, + windowHeight: document.documentElement.clientHeight, + windowWidth: document.documentElement.clientWidth, + isWide: window.innerWidth >= 460 }), mounted() { axios @@ -14,13 +17,25 @@ this.links = response.data; this.fetching = false; }); + this.myEventHandler(); + window.addEventListener("resize", this.myEventHandler, { passive: true }); + }, + created() { + window.addEventListener("resize", this.myEventHandler); + }, + methods: { + myEventHandler(e) { + this.windowHeight = document.documentElement.clientHeight; + this.windowWidth = document.documentElement.clientWidth; + this.isWide = this.windowWidth >= 460; + } } }