From fd2dc6aaea9b97888262ad6f54a8a7adceec43d4 Mon Sep 17 00:00:00 2001
From: Torsten Schulz <tsschulz@gmx.net>
Date: Thu, 18 Jul 2024 15:46:49 +0200
Subject: [PATCH] show right column as footer on smartphones

---
 src/AppComponent.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/AppComponent.vue b/src/AppComponent.vue
index 4824a75..cc32242 100644
--- a/src/AppComponent.vue
+++ b/src/AppComponent.vue
@@ -7,6 +7,9 @@
           <router-view name="rightColumn" />
         </div>
         <router-view />
+        <div class="right-column-overlay" v-if="showAsFooter">
+          <router-view name="rightColumn" />
+        </div>
       </div>
       <div class="right-column" v-if="showRightColumn">
         <router-view name="rightColumn" />
@@ -38,6 +41,9 @@ export default {
     showOverlay() {
       return this.windowWidth <= 1200 && this.windowWidth >= 768;
     },
+    showAsFooter() {
+      return this.windowWidth < 768;
+    }
   },
   mounted() {
     window.addEventListener('resize', this.handleResize);