App: show fullscreen-exit icon when already in fullscreen

theMK2k · Sep 26, 2020 · 0fd2dc3 · 0fd2dc3
1 parent 320aba9
commit 0fd2dc3
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/App.vue b/src/App.vue
@@ -1064,7 +1064,8 @@
               style="margin-left: 16px; margin-right: -8px"
               v-on:click="toggleFullScreen"
             >
-              <v-icon>mdi-fullscreen</v-icon>
+              <v-icon v-show="isFullScreen">mdi-fullscreen-exit</v-icon>
+              <v-icon v-show="!isFullScreen">mdi-fullscreen</v-icon>
             </v-btn>
           </span>
         </template>
@@ -1259,6 +1260,7 @@ export default {
     source: String,
   },
   data: () => ({
+    isFullScreen: true,
     showLoadingOverlay: false,
     shared,
     searchText: null,
@@ -2489,6 +2491,8 @@ export default {
     },
 
     toggleFullScreen() {
+      this.isFullScreen = !remote.getCurrentWindow().isFullScreen();
+
       remote
         .getCurrentWindow()
         .setFullScreen(!remote.getCurrentWindow().isFullScreen());