Merge pull request #54 from Flow-Works/53-fullscreen-not-working-in-toggled-browser

[🐛] Fixed fullscreen on toggled Browser

src/apps/browser.ts

@@ -237,8 +237,18 @@ export default class BrowserApp implements App {
       tabManager.activeTab.toggle()
     }
 
+    let full = false;
     (win.content.querySelector('.fullscreen') as HTMLElement).onclick = async () => {
-      await tabManager.activeTab.iframe.requestFullscreen()
+      if (full) {
+        win.content.querySelector('.fullscreen')?.classList.remove('bx-fullscreen')
+        win.content.querySelector('.fullscreen')?.classList.add('bx-exit-fullscreen')
+        await win.content.requestFullscreen()
+      } else {
+        win.content.querySelector('.fullscreen')?.classList.remove('bx-exit-fullscreen')
+        win.content.querySelector('.fullscreen')?.classList.add('bx-fullscreen')
+        await document.exitFullscreen()
+      }
+      full = !full
     }
 
     tabManager.addTab(new Tab('https://google.com'))

src/apps/settings.ts

@@ -5,6 +5,7 @@ import { FlowWindow } from '../wm.ts'
 export default class SettingsApp implements App {
   meta = {
     name: 'Settings',
+    description: 'An easy-to-use configuration app.',
     pkg: 'flow.settings',
     icon,
     version: '1.0.0'