fix: Fix image aspect ratio in app icon component (#435)

pluralsh · Mar 16, 2023 · cfdbc04 · cfdbc04
1 parent 743bd8a
commit cfdbc04
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/public/photo2.jpg b/public/photo2.jpg
diff --git a/src/components/AppIcon.tsx b/src/components/AppIcon.tsx
@@ -151,6 +151,7 @@ ref: Ref<any>) {
           alt={alt}
           width={iconSize}
           height={iconSize}
+          objectFit="cover"
           {...props}
         />
       ) : icon || (

diff --git a/src/stories/AppIcon.stories.tsx b/src/stories/AppIcon.stories.tsx
@@ -81,14 +81,18 @@ function Template({ onFillLevel, ...args }: any) {
                 url={args.icon}
                 {...args}
               />
-
               <AppIcon
                 size={size}
                 url="photo.png"
                 spacing="none"
                 {...args}
               />
-
+              <AppIcon
+                size={size}
+                url="photo2.jpg"
+                spacing="none"
+                {...args}
+              />
               <AppIcon
                 size={size}
                 name={args.name || undefined}