From 483cb31907a34f5aea7c221fd1a22427bf3fa487 Mon Sep 17 00:00:00 2001 From: Andinus Date: Fri, 10 Jun 2022 14:29:43 +0530 Subject: Fix gallery item size, other improvements --- resources/js/gallery.js | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) (limited to 'resources/js/gallery.js') diff --git a/resources/js/gallery.js b/resources/js/gallery.js index 73e5458..f9be5e2 100644 --- a/resources/js/gallery.js +++ b/resources/js/gallery.js @@ -6,11 +6,13 @@ // gutter - the space (in px) between the columns and grid items // image width. -const imgW = 384; +const imgW = 400; const sizes = [ { columns: 1, gutter: 30 }, - { mq: ((imgW * 2.5) + 40) + "px", columns: 2, gutter: 40 }, + { mq: ((imgW * 2.2) + 40) + "px", columns: 2, gutter: 35 }, + { mq: ((imgW * 3.5) + 50) + "px", columns: 3, gutter: 50 }, + { mq: ((imgW * 4.4) + 50) + "px", columns: 4, gutter: 50 }, // { mq: '768px', columns: 2, gutter: 25 }, // { mq: '1280px', columns: 3, gutter: 50 } ]; @@ -28,7 +30,6 @@ instance // start it up, when the DOM is ready. note that if images are in the // grid, you may need to wait for document.readyState === 'complete'. - document.addEventListener('DOMContentLoaded', eve => { document.addEventListener('readystatechange', event => { if (event.target.readyState === 'complete') { -- cgit 1.4.1-2-gfad0