diff options
| author | Andinus <andinus@nand.sh> | 2022-06-11 14:15:53 +0530 |
|---|---|---|
| committer | Andinus <andinus@nand.sh> | 2022-06-11 14:15:53 +0530 |
| commit | b8232fbcbaf0d83e7317b351f0235c451f038ff1 (patch) | |
| tree | 56f08781106262b4a44c5b58ae1e77f3556544dc | |
| parent | f156f380d4de118e31036e80144154bdcb664ed6 (diff) | |
| download | crater-b8232fbcbaf0d83e7317b351f0235c451f038ff1.tar.gz | |
Improve styles on heading, gallery
| -rw-r--r-- | resources/css/style.css | 3 | ||||
| -rw-r--r-- | resources/js/gallery.js | 5 |
2 files changed, 6 insertions, 2 deletions
diff --git a/resources/css/style.css b/resources/css/style.css index cc2cb3a..240c98d 100644 --- a/resources/css/style.css +++ b/resources/css/style.css @@ -58,6 +58,9 @@ img { img { width: 400px; } .heading, .text, .directory { width: 380px; } +@media only screen and (min-width: 768px) { + .heading { margin-left: -20px; } +} @media only screen and (max-width: 512px) { img { width: 368px; } .heading, .text, .directory { width: 350px; } diff --git a/resources/js/gallery.js b/resources/js/gallery.js index 5643ce2..0289e58 100644 --- a/resources/js/gallery.js +++ b/resources/js/gallery.js @@ -9,9 +9,10 @@ const imgW = 400; const sizes = [ { columns: 1, gutter: 30 }, - { mq: round((imgW * 2.2) + 40) + "px", columns: 2, gutter: 35 }, + { mq: round((imgW * 2.2) + 40) + "px", columns: 2, gutter: 40 }, { mq: round((imgW * 3.5) + 50) + "px", columns: 3, gutter: 50 }, - { mq: round((imgW * 4.4) + 50) + "px", columns: 4, gutter: 50 }, + { mq: round((imgW * 4.5) + 50) + "px", columns: 4, gutter: 50 }, + { mq: round((imgW * 5.5) + 60) + "px", columns: 5, gutter: 60 }, ]; const bricks = Bricks({ |