From 673b1ceedf4b8a2317037ff6eddc0e5e31b9bf1b Mon Sep 17 00:00:00 2001 From: corgifist Date: Fri, 25 Jul 2025 17:22:49 +0300 Subject: [PATCH] trying to make pwa look better on ios --- src/app/globals.css | 5 +++++ src/app/layout.tsx | 4 +++- 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/src/app/globals.css b/src/app/globals.css index 709e8a5..9753c71 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -43,6 +43,11 @@ --radius-xl: calc(var(--radius) + 4px); } +html { + min-height: calc(100% + env(safe-area-inset-top)); + padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); +} + body { font-family: var(--font-geist), sans-serif; background-color: var(--background); diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 122224f..d2774b7 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -27,6 +27,7 @@ export const metadata: Metadata = { export const viewport: Viewport = { width: 'device-width', initialScale: 1, + maximumScale: 1, viewportFit: 'cover', themeColor: [ { media: "(prefers-color-scheme: dark)", color: "#0a0a0a" }, @@ -43,7 +44,8 @@ export default async function RootLayout({ - + +