update image size in modal

GTBitsOfGood · Sep 27, 2024 · f54cbd6 · f54cbd6 · github-actions · Sep 27, 2024
1 parent f6e1a71
commit f54cbd6
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/Modals/ModalImage/ModalImage.jsx b/src/components/Modals/ModalImage/ModalImage.jsx
@@ -25,12 +25,12 @@ const ModalImage = ({
   return (
     <>
       <Box position="relative" {...props}>
-        <Box boxShadow="lg" margin="0 .3rem .5rem 0">
-          <Image
+        <Box boxShadow="lg" margin="0 .3rem .5rem 0" height="100%" maxHeight="200px" width="100%">
+          <img
             src={image}
             layout="responsive"
             width="100%"
-            height="100%"
+            height="min(100%, 200px)"
             objectFit="cover"
             alt={"card image"}
           />