Fix zoom-buttons not showing

This commit is contained in:
Lukas Rieger (Blue) 2023-02-08 18:34:22 +01:00
parent 256e80bb62
commit 66058dbe5f
No known key found for this signature in database
GPG Key ID: 2D09EC5ED2687FF2

View File

@ -1,7 +1,7 @@
<template>
<div id="app" :class="{'theme-light': appState.theme === 'light', 'theme-dark': appState.theme === 'dark', 'theme-contrast': appState.theme === 'contrast'}">
<FreeFlightMobileControls v-if="mapViewer.mapLoaded && appState.controls.state === 'free'" />
<ZoomButtons v-if="mapViewer.mapLoaded && appState.controls.showZoomButtons && appState.controls.state !== 'free'" />
<ZoomButtons v-if="showMapMenu && appState.controls.showZoomButtons && appState.controls.state !== 'free'" />
<ControlBar />
<div v-if="mapViewer.mapState !== 'loaded'" class="map-state-message">{{ $t("map." + mapViewer.mapState) }}</div>
<MainMenu :menu="appState.menu" />
@ -22,6 +22,11 @@ export default {
ControlBar,
ZoomButtons
},
computed: {
showMapMenu() {
return this.mapViewer.mapState === "loading" || this.mapViewer.mapState === "loaded";
}
},
data() {
return {
appState: this.$bluemap.appState,