MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add width listener for responsive conditional rendering

This commit is contained in:
Ciaran Ainsworth 2021-05-20 18:59:31 +01:00 committed by Georg Krause
parent 189166ec7c
commit c908eaa1cd
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
front/src/App.vue
View File

@ -67,6 +67,7 @@ export default {
showShortcutsModal: false, showShortcutsModal: false,
showSetInstanceModal: false, showSetInstanceModal: false,
initialTitle: document.title, initialTitle: document.title,
width: window.innerWidth
} }
}, },
async created () { async created () {
@ -82,7 +83,8 @@ export default {
} }
); );
} }
window.addEventListener('resize', this.handleResize);
this.handleResize();
this.openWebsocket() this.openWebsocket()
let self = this let self = this
if (!this.$store.state.ui.selectedLanguage) { if (!this.$store.state.ui.selectedLanguage) {
@ -293,6 +295,9 @@ export default {
this.$store.commit('ui/serviceWorker', {updateAvailable: false}) this.$store.commit('ui/serviceWorker', {updateAvailable: false})
if (!this.serviceWorker.registration || !this.serviceWorker.registration.waiting) { return; } if (!this.serviceWorker.registration || !this.serviceWorker.registration.waiting) { return; }
this.serviceWorker.registration.waiting.postMessage({command: 'skipWaiting'}) this.serviceWorker.registration.waiting.postMessage({command: 'skipWaiting'})
},
handleResize() {
this.width = window.innerWidth
} }
}, },
computed: { computed: {