Add blank div to <ImagePhotoGrid />

2024-04-19 11:16:49 -05:00 · 2024-04-19 11:16:49 -05:00 · 5b310d99b4
commit 5b310d99b4
parent 6906d89523
1 changed files with 14 additions and 5 deletions
--- a/src/image-response/components/ImagePhotoGrid.tsx
+++ b/src/image-response/components/ImagePhotoGrid.tsx
@ -68,16 +68,25 @@ export default function ImagePhotoGrid({
            overflow: 'hidden',
          }}
        >
-          {doesNextImageExist && <img {...{
-            src,
-            style: {
+          {doesNextImageExist
+            ? <img {...{
+              src,
+              style: {
+                width: '100%',
+                ...imagePosition === 'center' && {
+                  height: '100%',
+                },
+                objectFit: 'cover',
+              },
+            }} />
+            : <div style={{
+              display: 'flex',
              width: '100%',
              ...imagePosition === 'center' && {
                height: '100%',
              },
              objectFit: 'cover',
-            },
-          }} />}
+            }} />}
        </div>;
      })}
    </div>