feat: safe area styling for ios pwa (#3693)

stasadance · web-flow · commit e0797d7675ca · 2025-03-09T08:32:59.000-07:00
diff --git a/assets/main.css b/assets/main.css
@@ -126,3 +126,12 @@
     }
   }
 }
+
+nav {
+  padding-top: env(safe-area-inset-top);
+}
+
+body {
+  padding-top: env(safe-area-inset-top);
+  padding-bottom: env(safe-area-inset-bottom);
+}
diff --git a/public/index.html b/public/index.html
@@ -3,6 +3,8 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-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" />
     <title>Dozzle</title>
     <script type="application/json" id="config__json">
       {{ marshal .Config }}

Original file line number	Diff line number	Diff line change
`@@ -126,3 +126,12 @@`
`126`	`126`	`}`
`127`	`127`	`}`
`128`	`128`	`}`
	`129`	`+`
	`130`	`+nav {`
	`131`	`+ padding-top: env(safe-area-inset-top);`
	`132`	`+}`
	`133`	`+`
	`134`	`+body {`
	`135`	`+ padding-top: env(safe-area-inset-top);`
	`136`	`+ padding-bottom: env(safe-area-inset-bottom);`
	`137`	`+}`