From 0f262f80a35906a23494fe44f24bc482abcb8b58 Mon Sep 17 00:00:00 2001
From: stakbucks <dhassidu11@gmail.com>
Date: Tue, 1 Oct 2024 15:09:35 +0900
Subject: [PATCH] hotfix(bottle): bottles page height

---
 apps/bottle/src/app/bottles/pageStyle.css.ts                  | 2 +-
 .../common/user-information/userInformationStyle.css.ts       | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/bottle/src/app/bottles/pageStyle.css.ts b/apps/bottle/src/app/bottles/pageStyle.css.ts
index 930f774..bef48f3 100644
--- 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
index 72d49e2..c7e8449 100644
--- 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))' },
     },
   },
 });