fix floating island

KhafraDev · KhafraDev · commit 2a8a9b008ce8 · 2026-01-09T21:22:25.000-05:00
diff --git a/index.html b/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
     <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
     <meta content="utf-8" http-equiv="encoding">
     <meta property="og:title" content="Synergism">
diff --git a/src/Synergism.ts b/src/Synergism.ts
@@ -5314,6 +5314,13 @@ window.addEventListener('load', async () => {
     })
   }
 
+  if (platform === 'mobile') {
+    document.body.style.paddingTop = 'env(safe-area-inset-top)'
+    document.body.style.paddingLeft = 'env(safe-area-inset-left)'
+    document.body.style.paddingRight = 'env(safe-area-inset-right)'
+    document.body.style.paddingBottom = 'env(safe-area-inset-bottom)'
+  }
+
   if (platform === 'steam') {
     const { setRichPresenceDiscord } = await import('./steam/discord')
 
