ClipFusion-org/clipfusion
1
1
Fork 0
mirror of https://github.com/ClipFusion-org/clipfusion.git synced 2025-08-05 19:25:09 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

trying to make pwa look better on ios

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/globals.css
View File

@ -43,6 +43,11 @@
--radius-xl: calc(var(--radius) + 4px); --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 { body {
font-family: var(--font-geist), sans-serif; font-family: var(--font-geist), sans-serif;
background-color: var(--background); background-color: var(--background);

4
src/app/layout.tsx
View File

@ -27,6 +27,7 @@ export const metadata: Metadata = {
export const viewport: Viewport = { export const viewport: Viewport = {
width: 'device-width', width: 'device-width',
initialScale: 1, initialScale: 1,
maximumScale: 1,
viewportFit: 'cover', viewportFit: 'cover',
themeColor: [ themeColor: [
{ media: "(prefers-color-scheme: dark)", color: "#0a0a0a" }, { media: "(prefers-color-scheme: dark)", color: "#0a0a0a" },
@ -43,7 +44,8 @@ export default async function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<head> <head>
<meta name="apple-mobile-web-app-title" content="ClipFusion" /> <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/> <Analytics/>
</head> </head>
<body className={`${geist.variable} ${geistMono.variable} antialiased`}> <body className={`${geist.variable} ${geistMono.variable} antialiased`}>