fix(bottle): make avatar image object-fit cover (#68)

Nexters · Oct 3, 2024 · dd20a64 · dd20a64
1 parent 37793b4
commit dd20a64
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git 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
@@ -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' },
     },
   },