hotfix(bottle): bottles page height

Nexters · Oct 1, 2024 · 0f262f8 · 0f262f8
1 parent 21b4c4a
commit 0f262f8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/apps/bottle/src/app/bottles/pageStyle.css.ts b/apps/bottle/src/app/bottles/pageStyle.css.ts
@@ -18,7 +18,7 @@ export const controlStyle = style({
 
 export const contentsContainer = style({
   width: '100%',
-  height: `calc(100vh - ${HEADER_HEIGHT}px)`,
+  height: `calc(100vh - ${HEADER_HEIGHT}px) - env(safe-area-inset-top))`,
   overflow: 'scroll',
   msOverflowStyle: 'none',
   scrollbarWidth: 'none',

diff --git a/apps/bottle/src/components/common/user-information/userInformationStyle.css.ts b/apps/bottle/src/components/common/user-information/userInformationStyle.css.ts
@@ -24,8 +24,8 @@ export const layoutStyle = recipe({
   },
   variants: {
     hasCTAButton: {
-      true: { height: `calc(100vh - ${CONTAINER_OFFSET_HEIGHT - OVERLAP_HEIGHT}px)` },
-      false: { height: '100vh' },
+      true: { height: `calc(100vh - ${CONTAINER_OFFSET_HEIGHT - OVERLAP_HEIGHT}px) - env(safe-area-inset-top))` },
+      false: { height: '100vh - env(safe-area-inset-top))' },
     },
   },
 });