fix: add aspect-ratio

igordanchenko · Dec 24, 2021 · b5080b0 · b5080b0
1 parent ad15381
commit b5080b0
Show file tree

Hide file tree

Showing 2 changed files with 664 additions and 0 deletions.
diff --git a/src/components/PhotoDecorator.tsx b/src/components/PhotoDecorator.tsx
@@ -30,6 +30,7 @@ const PhotoDecorator = <T extends Photo = Photo>(props: PhotoDecoratorProps<T>)
         display: "block",
         height: "auto",
         width: layoutOptions.layout === Layout.Rows ? cssWidth(layout, layoutOptions) : "100%",
+        aspectRatio: `${photo.width} / ${photo.height}`,
         ...(layoutOptions.padding ? { padding: `${layoutOptions.padding}px` } : null),
         ...((layoutOptions.layout === Layout.Columns || layoutOptions.layout === Layout.Masonry) &&
         layout.photoIndex < layout.photosCount - 1