From 8766841d90b148f68f629339d0303b0be806b6c0 Mon Sep 17 00:00:00 2001 From: seondal Date: Thu, 18 Apr 2024 02:22:16 +0900 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat=20:=20=20=F0=9F=9B=A0=20fix=20?= =?UTF-8?q?:=20=20=F0=9F=92=84=20style=20:=20=20body=20min-height=20?= =?UTF-8?q?=EB=8F=99=EC=A0=81=EC=9C=BC=EB=A1=9C=20=EC=84=A4=EC=A0=95!!?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/globals.css | 11 +++++++++++ src/app/layout.tsx | 2 +- 2 files changed, 12 insertions(+), 1 deletion(-) 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 ( - +