From a3db68e8fc4a293f7a427f15a0075703d6fb3488 Mon Sep 17 00:00:00 2001 From: eewing Date: Wed, 18 Feb 2026 13:59:53 -0600 Subject: [PATCH] Update layout.css to improve safe area handling for notched devices, ensuring a minimum padding for iOS status bar compatibility. --- src/routes/layout.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/routes/layout.css b/src/routes/layout.css index e630995c..9740c75b 100644 --- a/src/routes/layout.css +++ b/src/routes/layout.css @@ -119,7 +119,8 @@ margin: 0; min-height: 100dvh; overflow-x: hidden; - /* Safe area for notched devices */ + /* Safe area for notched devices / iOS status bar; min 12px when env is 0 */ + padding-top: max(env(safe-area-inset-top, 0px), 12px); padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); padding-bottom: env(safe-area-inset-bottom);