torsten/miriamgemeinde
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

show right column as footer on smartphones

Browse Source
This commit is contained in:
Torsten Schulz
2024-07-18 15:46:49 +02:00
parent 13f4663692
commit fd2dc6aaea
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/AppComponent.vue
View File

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