From 98193189f8fc799ba473d1ba37d386773cb07703 Mon Sep 17 00:00:00 2001
From: Julian Stirling <julian@julianstirling.co.uk>
Date: Thu, 21 Aug 2025 18:48:31 +0100
Subject: [PATCH] Add fullscreen toggle button.

---
 .../settingsComponents/appSettings.vue           | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/webapp/src/components/tabContentComponents/settingsComponents/appSettings.vue b/webapp/src/components/tabContentComponents/settingsComponents/appSettings.vue
index 01f5cf97..6c1cc75d 100644
--- a/webapp/src/components/tabContentComponents/settingsComponents/appSettings.vue
+++ b/webapp/src/components/tabContentComponents/settingsComponents/appSettings.vue
@@ -11,9 +11,13 @@
         </select>
       </label>
     </p>
+    <p>
+      <button class="uk-button uk-button-default" @click="toggleFullscreen">
+        Toggle Fullscreen
+      </button>
+    </p>
   </div>
 </template>
-
 <script>
 // Export main app
 export default {
@@ -34,6 +38,16 @@ export default {
     }
   },
 
+  methods: {
+    async toggleFullscreen() {
+      if (!document.fullscreenElement) {
+        await document.documentElement.requestFullscreen();
+      } else {
+        await document.exitFullscreen();
+      }
+    }
+  },
+
   watch: {
     appTheme: function() {
       this.setLocalStorageObj("appTheme", this.appTheme);