From 4f8f77f567f02c33aa82a640c2d6a48154f1be3c Mon Sep 17 00:00:00 2001 From: stakbucks Date: Thu, 26 Sep 2024 22:38:58 +0900 Subject: [PATCH] fix(bottle): handle scrollable area height --- apps/bottle/src/app/profile/edit/profileEditStyle.css.ts | 2 +- .../src/components/profile/layout/profileLayoutStyle.css.ts | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/bottle/src/app/profile/edit/profileEditStyle.css.ts b/apps/bottle/src/app/profile/edit/profileEditStyle.css.ts index 29b55e8..ed44925 100644 --- a/apps/bottle/src/app/profile/edit/profileEditStyle.css.ts +++ b/apps/bottle/src/app/profile/edit/profileEditStyle.css.ts @@ -4,7 +4,7 @@ import { style } from '@vanilla-extract/css'; export const contentsContainerStyle = style({ width: '100%', - height: `calc(100vh - ${HEADER_HEIGHT}px)`, + height: `calc(100vh - ${HEADER_HEIGHT}px + env(safe-area-inset-top))`, display: 'flex', flexDirection: 'column', alignItems: 'center', diff --git a/apps/bottle/src/components/profile/layout/profileLayoutStyle.css.ts b/apps/bottle/src/components/profile/layout/profileLayoutStyle.css.ts index 71aedd7..330f139 100644 --- a/apps/bottle/src/components/profile/layout/profileLayoutStyle.css.ts +++ b/apps/bottle/src/components/profile/layout/profileLayoutStyle.css.ts @@ -21,7 +21,7 @@ export const buttonContainer = style({ }); export const containerStyle = style({ - height: `calc(100vh - ${CONTAINER_OFFSET_HEIGHT - OVERLAP_HEIGHT}px)`, + height: `calc(100vh - ${CONTAINER_OFFSET_HEIGHT - OVERLAP_HEIGHT}px + env(safe-area-inset-top))`, overflow: 'scroll', msOverflowStyle: 'none', scrollbarWidth: 'none',