From 89f7664a3b4fa666cf07dcf905722a0817afabe1 Mon Sep 17 00:00:00 2001
From: Skylar Ittner <skylar@netsyms.com>
Date: Fri, 20 Dec 2024 12:11:56 -0700
Subject: [PATCH] Fix blank space at bottom of screen on iOS

---
 www/assets/css/app.css | 6 ++++++
 www/index.html         | 4 +++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/www/assets/css/app.css b/www/assets/css/app.css
index 6f6d7f9..8ea5f08 100644
--- a/www/assets/css/app.css
+++ b/www/assets/css/app.css
@@ -19,6 +19,12 @@ Framework7 and FontAwesome both have a .fab class
     line-height: var(--f7-line-height);
 }
 
+/* https://forum.framework7.io/t/ios-wkwebview-blank-space-at-the-bottom/8530 */
+html, body {
+    height: 100vh;
+    width: 100vw;
+}
+
 .page-content-fab-pad {
     padding-bottom: var(--f7-fab-size);
 }
diff --git a/www/index.html b/www/index.html
index b47cc6d..1beb7e9 100644
--- a/www/index.html
+++ b/www/index.html
@@ -4,7 +4,9 @@
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
 <title>PackageHelper</title>
 <meta charset="UTF-8">
-<meta name="viewport" content="initial-scale=1, width=device-width, height=device-height, viewport-fit=cover, user-scalable=no">
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover">
+<meta name="apple-mobile-web-app-capable" content="yes">
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 <link rel="icon" href="assets/images/icons/logo.svg" />
 <link rel="manifest" href="manifest.json">
 <link rel="stylesheet" href="node_modules/framework7/css/framework7.bundle.min.css" />