From 34c1b37de55d3d6e4e3678c2fc24a279e4870323 Mon Sep 17 00:00:00 2001 From: stakbucks Date: Thu, 3 Oct 2024 19:18:01 +0900 Subject: [PATCH] fix(bottle): make avatar image object-fit cover --- apps/bottle/src/components/common/avatar/index.tsx | 1 + .../common/user-information/userInformationStyle.css.ts | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/apps/bottle/src/components/common/avatar/index.tsx b/apps/bottle/src/components/common/avatar/index.tsx index 888c27f..9048c23 100644 --- a/apps/bottle/src/components/common/avatar/index.tsx +++ b/apps/bottle/src/components/common/avatar/index.tsx @@ -22,6 +22,7 @@ export function Avatar({ size: _size, blur, ...props }: AvatarProps) { alt="user profile image" width={size} height={size} + objectFit="cover" className={avatarStyle({ blur })} /> ) : ( 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..abe0133 100644 --- a/apps/bottle/src/components/common/user-information/userInformationStyle.css.ts +++ b/apps/bottle/src/components/common/user-information/userInformationStyle.css.ts @@ -24,7 +24,7 @@ export const layoutStyle = recipe({ }, variants: { hasCTAButton: { - true: { height: `calc(100vh - ${CONTAINER_OFFSET_HEIGHT - OVERLAP_HEIGHT}px)` }, + true: { height: `calc(100vh - ${CONTAINER_OFFSET_HEIGHT - OVERLAP_HEIGHT}px + env(safe-area-inset-top))` }, false: { height: '100vh' }, }, },