Fix (gallery): Fix image to not overflow beyond grid border

Fixes regression in #30
theohbrothers · Sep 26, 2021 · a23d163 · a23d163
1 parent 5d38747
commit a23d163
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/webize b/webize
@@ -467,7 +467,7 @@ cat - >> "$indexHtm" <<'EOF'
                     images[i].parentNode.style.display = "inline-block";
                     images[i].parentNode.style.width = "100vw";
                     images[i].parentNode.style.height = "100vh";
-                    images[i].style.width = "100vw";
+                    images[i].style.width = "100%";
                     images[i].style.height = "auto";
                 }
                 setActiveImageIndex(activeImageIndex, true);
@@ -479,7 +479,7 @@ cat - >> "$indexHtm" <<'EOF'
                     images[i].parentNode.style.width = "100vw";
                     images[i].parentNode.style.height = "100vh";
                     images[i].style.width = "auto";
-                    images[i].style.height = "100vh";
+                    images[i].style.height = "100%";
                 }
                 setActiveImageIndex(activeImageIndex, true);
             };
@@ -495,12 +495,12 @@ cat - >> "$indexHtm" <<'EOF'
                     images[i].parentNode.style.height = "calc(100vw / " + tileFactor + ")";
                     if (images[i].width >= images[i].height) {
                         // Landscape
-                        images[i].style.width = "calc(100vw / " + tileFactor + ")";
+                        images[i].style.width = "100%";
                         images[i].style.height = "auto";
                     }else {
                         // Portrait
                         images[i].style.width = "auto";
-                        images[i].style.height = "calc(100vw / " + tileFactor + ")";
+                        images[i].style.height = "100%";
                     }
                 }
                 setActiveImageIndex(activeImageIndex, true);