Netsyms/PackageHelper
2
0
Fork 1
Code Issues 9 Pull Requests Releases 12 Wiki Activity

Fix blank space at bottom of screen on iOS

Browse Source
This commit is contained in:
Skylar Ittner 2024-12-20 12:11:56 -07:00
parent 7f6bfebc80
commit 89f7664a3b
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
www/assets/css/app.css
View File

@ -19,6 +19,12 @@ Framework7 and FontAwesome both have a .fab class
line-height: var(--f7-line-height); 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 { .page-content-fab-pad {
padding-bottom: var(--f7-fab-size); padding-bottom: var(--f7-fab-size);
} }

4
www/index.html
View File

@ -4,7 +4,9 @@
- file, You can obtain one at http://mozilla.org/MPL/2.0/. --> - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<title>PackageHelper</title> <title>PackageHelper</title>
<meta charset="UTF-8"> <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="icon" href="assets/images/icons/logo.svg" />
<link rel="manifest" href="manifest.json"> <link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="node_modules/framework7/css/framework7.bundle.min.css" /> <link rel="stylesheet" href="node_modules/framework7/css/framework7.bundle.min.css" />