blog: fix lazy load images (#136)

lambrian · Dec 17, 2024 · 4ee1bf7 · 4ee1bf7
1 parent ae04315
commit 4ee1bf7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/brianl.am/src/App.css b/brianl.am/src/App.css
@@ -125,6 +125,7 @@ body ::selection {
     gap: 12px;
     align-self: stretch;
     flex-wrap: wrap;
+    height: 1000px;
 }
 
 .cover-container {

diff --git a/brianl.am/src/PhotoEssay.tsx b/brianl.am/src/PhotoEssay.tsx
@@ -70,8 +70,10 @@ const PhotoRow = (props: { photos: string[] }) => {
         [props, dimensions2, width]
     )
 
+    const photosetHeight = scaledDimensions?.final_scaled_heights[0]
+
     return (
-        <div className="photoset" ref={ref}>
+        <div className="photoset" ref={ref} style={{ height: photosetHeight }}>
             {props.photos.map((photo: string, i: number) => {
                 return (
                     <Img