Better examples of object fit

gsoft-inc · Dec 5, 2024 · 44cbca2 · 44cbca2
1 parent 329165d
commit 44cbca2
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/packages/components/src/Image/tests/chromatic/Image.stories.tsx b/packages/components/src/Image/tests/chromatic/Image.stories.tsx
@@ -85,19 +85,19 @@ export const Circular = {
 export const ObjectFit = {
     render: args => (
         <Inline>
-            <Div UNSAFE_width="200px" UNSAFE_height="200px">
+            <Div UNSAFE_width="200px" UNSAFE_height="100px">
                 <Image objectFit="fill" {...args} />
             </Div>
-            <Div UNSAFE_width="200px" UNSAFE_height="200px">
+            <Div UNSAFE_width="200px" UNSAFE_height="100px">
                 <Image objectFit="contain" {...args} />
             </Div>
-            <Div UNSAFE_width="200px" UNSAFE_height="200px">
+            <Div UNSAFE_width="200px" UNSAFE_height="100px">
                 <Image objectFit="cover" {...args} />
             </Div>
-            <Div UNSAFE_width="200px" UNSAFE_height="200px">
+            <Div UNSAFE_width="200px" UNSAFE_height="100px">
                 <Image objectFit="scale-down" {...args} />
             </Div>
-            <Div UNSAFE_width="200px" UNSAFE_height="200px">
+            <Div UNSAFE_width="200px" UNSAFE_height="100px">
                 <Image objectFit="none" {...args} />
             </Div>
         </Inline>