Revised the code to dynamically adjust the gallery size based on the…

… screen dimensions.
PatrickJnr · Mar 3, 2024 · 77e8b2b · 77e8b2b
1 parent 3ad8527
commit 77e8b2b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -77,8 +77,7 @@ <h1><strong>{{ page.title }}</strong></h1>
         }
         return imageUrls.imageFull;
       },
-	  columns: 3,
-      addAnchorTag: true,
+	  addAnchorTag: true,
       anchorTargetDir: "",
       anchorClass: "swipebox"
       }).enable();

diff --git a/js/pig.js b/js/pig.js
@@ -323,13 +323,13 @@
 
         //Desktop
         if (lastWindowWidth <= 640) {
-          return 1;
+          return 3;
         } else if (lastWindowWidth <= 1280) {
-          return 1.5;
+          return 6;
         } else if (lastWindowWidth <= 1920) {
-          return 2;
+          return 9;
         }
-        return 7;
+        return 12;
       },
 
       //We are not using this for now, and instead handle the size directly on the given urlForSize