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:
parent
11703140c4
commit
5f1980241f
1 changed files with 1 additions and 0 deletions
|
@ -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"
|
||||||
|
|
Loading…
Reference in a new issue