trying to make pwa look better on ios

This commit is contained in:
corgifist 2025-07-25 17:22:49 +03:00
parent 535fd68197
commit 673b1ceedf
2 changed files with 8 additions and 1 deletions

View File

@ -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);

View File

@ -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({
<html lang="en" suppressHydrationWarning>
<head>
<meta name="apple-mobile-web-app-title" content="ClipFusion" />
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<Analytics/>
</head>
<body className={`${geist.variable} ${geistMono.variable} antialiased`}>