Skip to content

Commit

Permalink
fix: Status Bar Color Issue in PWA on iOS 18 (wg-easy#1257)
Browse files Browse the repository at this point in the history
wg-easy#1256
Reported by @xK1t
  • Loading branch information
pheiduck authored Aug 8, 2024
2 parents 33e95ba + 9dd7f25 commit ec202d8
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 3 deletions.
7 changes: 5 additions & 2 deletions src/www/css/app.css
Original file line number Diff line number Diff line change
Expand Up @@ -63,9 +63,12 @@ html,

body {
margin: 0;
/* 1 */
line-height: inherit;
/* 2 */
padding-top: env(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
box-sizing: border-box;
}

/*
Expand Down
3 changes: 2 additions & 1 deletion src/www/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@
<link rel="apple-touch-icon" href="./img/apple-touch-icon.png">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
</head>
<style>
[v-cloak] {
Expand Down Expand Up @@ -614,4 +615,4 @@ <h1 class="text-4xl font-medium my-16 text-gray-700 dark:text-neutral-200 text-c
<script src="./js/app.js"></script>
</body>

</html>
</html>

0 comments on commit ec202d8

Please sign in to comment.