diff --git a/src/pages/GamePage.css b/src/pages/GamePage.css index 766082e..2d768c8 100644 --- a/src/pages/GamePage.css +++ b/src/pages/GamePage.css @@ -1,8 +1,11 @@ .game-page { height: 100vh; + height: 100dvh; display: flex; flex-direction: column; background: #0d0d0d; + padding-top: env(safe-area-inset-top); + padding-bottom: env(safe-area-inset-bottom); } .game-error { @@ -19,6 +22,8 @@ align-items: center; gap: 1rem; padding: 1rem 1.5rem; + padding-left: max(1.5rem, env(safe-area-inset-left)); + padding-right: max(1.5rem, env(safe-area-inset-right)); background: #1a1a1a; border-bottom: 1px solid #333; } @@ -290,7 +295,9 @@ display: flex; align-items: center; gap: 0.75rem; - padding: 1rem 1.5rem 1.5rem; + padding: 1rem 1.5rem; + padding-left: max(1.5rem, env(safe-area-inset-left)); + padding-right: max(1.5rem, env(safe-area-inset-right)); background: #131313; border-top: 1px solid #222; }