feat: end full screen

rei1024 · Oct 3, 2024 · 680e82a · 680e82a
1 parent af2ae4f
commit 680e82a
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/main.ts b/src/main.ts
@@ -191,10 +191,17 @@ colorInput.addEventListener("input", () => {
 });
 
 const fullScreen = document.querySelector("#full-screen") as HTMLElement;
-if (document.body.requestFullscreen) {
+if (document.fullscreenEnabled) {
   fullScreen.addEventListener("click", () => {
-    document.body.requestFullscreen();
-    settingsDialog.close();
+    if (document.fullscreenElement) {
+      document.exitFullscreen();
+      settingsDialog.close();
+      fullScreen.textContent = "Full Screen";
+    } else {
+      document.body.requestFullscreen();
+      settingsDialog.close();
+      fullScreen.textContent = "End Full Screen";
+    }
   });
 } else {
   fullScreen.remove();