fix(bottle): remove blur process for bottle preview

Nexters · Oct 3, 2024 · fc4b3f3 · fc4b3f3
1 parent a62ada0
commit fc4b3f3
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 10 deletions.
diff --git a/apps/bottle/src/app/bottles/_components/BottlesListItem.tsx b/apps/bottle/src/app/bottles/_components/BottlesListItem.tsx
@@ -33,7 +33,7 @@ export function BottlesListItem({ bottle }: Props) {
             <span>{stringifyKeywords(bottle.keyword)}</span>
           </Paragraph>
         </div>
-        <Avatar src={bottle.userImageUrl} size="sm" blur />
+        <Avatar src={bottle.userImageUrl} size="sm" />
       </div>
     </li>
   );

diff --git a/apps/bottle/src/components/common/avatar/avatarStyle.css.ts b/apps/bottle/src/components/common/avatar/avatarStyle.css.ts
@@ -5,6 +5,7 @@ import { recipe } from '@vanilla-extract/recipes';
 export const containerStyle = recipe({
   base: {
     borderRadius: '50%',
+    position: 'relative',
   },
   variants: {
     size: {

diff --git a/apps/bottle/src/components/common/avatar/index.tsx b/apps/bottle/src/components/common/avatar/index.tsx
@@ -16,15 +16,7 @@ export function Avatar({ size: _size, blur, ...props }: AvatarProps) {
   return (
     <div className={containerStyle({ size: _size })}>
       {props.src != null ? (
-        <Image
-          priority
-          {...props}
-          alt="user profile image"
-          width={size}
-          height={size}
-          objectFit="cover"
-          className={avatarStyle({ blur })}
-        />
+        <Image priority {...props} alt="user profile image" fill objectFit="cover" className={avatarStyle({ blur })} />
       ) : (
         <Placeholder size={size} />
       )}