fix: nav buttons show when fullscreen or on standalone pwa

Jabster28 · Jul 14, 2020 · b3dd17c · b3dd17c · vercel · Jul 14, 2020
1 parent 0d2d170
commit b3dd17c
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
@@ -9,7 +9,7 @@
         "
       >
         <q-btn
-          v-if="$q.platform.is.electron"
+          v-if="$q.platform.is.electron || fs"
           flat
           dense
           round
@@ -26,7 +26,7 @@
           @click="leftDrawerOpen = !leftDrawerOpen"
         />
         <q-btn
-          v-if="$q.platform.is.electron"
+          v-if="$q.platform.is.electron || fs"
           flat
           dense
           round
@@ -287,6 +287,13 @@ export default {
   methods: {
     checkFs() {
       this.fs = window.innerHeight == screen.height;
+      if (
+        window.matchMedia('(display-mode: standalone)').matches ||
+        window.navigator.standalone ||
+        document.referrer.includes('android-app://')
+      ) {
+        this.fs = true;
+      }
     },
     toggle() {
       this.$q.dark.toggle();