feat: Add support for iOS safe area

WarningImHack3r · WarningImHack3r · commit de358fb5e8b8 · 2024-11-06T21:52:04.000+01:00
diff --git a/packages/site-kit/src/app.html b/packages/site-kit/src/app.html
@@ -3,7 +3,7 @@
 	<head>
 		<meta charset="utf-8" />
 		<link rel="icon" href="/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
 
 		%sveltekit.head%
 	</head>
diff --git a/packages/site-kit/src/lib/nav/Nav.svelte b/packages/site-kit/src/lib/nav/Nav.svelte
@@ -311,6 +311,8 @@ Top navigation bar for the application. It provides a slot for the left side, th
 		nav {
 			top: unset;
 			bottom: 0;
+			padding-bottom: env(safe-area-inset-bottom);
+			height: calc(var(--sk-nav-height) + env(safe-area-inset-bottom));
 		}
 
 		.menu {

Original file line number	Diff line number	Diff line change
`@@ -311,6 +311,8 @@ Top navigation bar for the application. It provides a slot for the left side, th`
`311`	`311`	`nav {`
`312`	`312`	`top: unset;`
`313`	`313`	`bottom: 0;`
	`314`	`+ padding-bottom: env(safe-area-inset-bottom);`
	`315`	`+ height: calc(var(--sk-nav-height) + env(safe-area-inset-bottom));`
`314`	`316`	`}`
`315`	`317`
`316`	`318`	`.menu {`