Oops, don't stretch preview when showing error

Right, oops, if you typed an invalid image url, the preview square would try to stretch to match! Now, it has a max-height to match its max-width.
This commit is contained in:
Emi Matchu 2021-05-25 05:47:58 -07:00
parent 11703140c4
commit 5f1980241f

View file

@ -235,6 +235,7 @@ function SingleImageConverter() {
gridArea="preview" gridArea="preview"
width={{ base: "100%", md: "150px" }} width={{ base: "100%", md: "150px" }}
maxWidth={{ base: "300px", md: "150px" }} maxWidth={{ base: "300px", md: "150px" }}
maxHeight={{ base: "300px", md: "150px" }}
ratio={1} ratio={1}
background={previewBackground} background={previewBackground}
borderRadius="md" borderRadius="md"