fix: Use object-fit: contain for the Figure component

Andrey Okonetchnikov · Andrey Okonetchnikov · commit eef11669562f · 2022-01-22T12:39:26.000+01:00
diff --git a/src/components/Figure.jsx b/src/components/Figure.jsx
@@ -24,7 +24,7 @@ function Figure({ src, alt, caption, ...props }) {
           justifyContent: "center",
         }}
       >
-        <Image src={src} alt={alt} sx={{ objectFit: "scale-down" }} />
+        <Image src={src} alt={alt} sx={{ objectFit: "contain" }} />
       </Flex>
       {caption && (
         <Text as="figcaption" variant="styles.figcaption" sx={{ mt: 4 }}>

Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,7 @@ function Figure({ src, alt, caption, ...props }) {`
`24`	`24`	`justifyContent: "center",`
`25`	`25`	`}}`
`26`	`26`	`>`
`27`		`- <Image src={src} alt={alt} sx={{ objectFit: "scale-down" }} />`
	`27`	`+ <Image src={src} alt={alt} sx={{ objectFit: "contain" }} />`
`28`	`28`	`</Flex>`
`29`	`29`	`{caption && (`
`30`	`30`	`<Text as="figcaption" variant="styles.figcaption" sx={{ mt: 4 }}>`