diff --git a/src/app/globals.css b/src/app/globals.css index 7601d48..38ab5a2 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -11,6 +11,17 @@ display: none; } +body { + min-height: 100vh; +} + +@supports (-webkit-touch-callout: none) { + body { + /* for ios safari 15, safe-area-inset-bottom is 0, so a special fix apply here */ + min-height: -webkit-fill-available; + } +} + @media (min-width: 440px) { html { font-size: 16px; diff --git a/src/app/layout.tsx b/src/app/layout.tsx index e9ada8d..f28847b 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -49,7 +49,7 @@ export const metadata: Metadata = { export default function RootLayout({ children }: { children: React.ReactNode }) { return ( - +