diff options
-rw-r--r-- | assets/css/layouts/_card-list.scss | 8 | ||||
-rw-r--r-- | content/lightbox.js | 8 | ||||
-rw-r--r-- | templates/layouts/exhibit.html | 4 |
3 files changed, 9 insertions, 11 deletions
diff --git a/assets/css/layouts/_card-list.scss b/assets/css/layouts/_card-list.scss index 92c89b7..0c06adc 100644 --- a/assets/css/layouts/_card-list.scss +++ b/assets/css/layouts/_card-list.scss | |||
@@ -13,15 +13,15 @@ | |||
13 | ), | 13 | ), |
14 | --grid-3: ( | 14 | --grid-3: ( |
15 | --gap: fn.global-dim(--size --75), | 15 | --gap: fn.global-dim(--size --75), |
16 | --col-width: fn.global-dim(--size --2400), | 16 | --col-width: fn.global-dim(--size --2800), |
17 | ), | 17 | ), |
18 | --gallery-2: ( | 18 | --gallery-2: ( |
19 | --gap: fn.global-dim(--size --200), | 19 | --gap: fn.global-dim(--size --150), |
20 | --col-width: fn.global-dim(--size --3200), | 20 | --col-width: fn.global-dim(--size --3200), |
21 | ), | 21 | ), |
22 | --gallery-3: ( | 22 | --gallery-3: ( |
23 | --gap: fn.global-dim(--size --200), | 23 | --gap: fn.global-dim(--size --150), |
24 | --col-width: fn.global-dim(--size --2400), | 24 | --col-width: fn.global-dim(--size --2800), |
25 | ), | 25 | ), |
26 | ) | 26 | ) |
27 | ), 'dims'); | 27 | ), 'dims'); |
diff --git a/content/lightbox.js b/content/lightbox.js index deb5cce..39a5074 100644 --- a/content/lightbox.js +++ b/content/lightbox.js | |||
@@ -39,13 +39,9 @@ | |||
39 | images[i].thumbnailEl.classList.add("is-selected"); | 39 | images[i].thumbnailEl.classList.add("is-selected"); |
40 | }; | 40 | }; |
41 | 41 | ||
42 | const prev = () => { | 42 | const prev = () => setIndex(currentIndex > 0 ? currentIndex - 1 : figureEls.length - 1); |
43 | setIndex(currentIndex > 0 ? currentIndex - 1 : figureEls.length - 1); | ||
44 | }; | ||
45 | 43 | ||
46 | const next = () => { | 44 | const next = () => setIndex(currentIndex < figureEls.length - 1 ? currentIndex + 1 : 0); |
47 | setIndex(currentIndex < figureEls.length - 1 ? currentIndex + 1 : 0); | ||
48 | }; | ||
49 | 45 | ||
50 | lightboxCloseEl?.addEventListener("click", hide); | 46 | lightboxCloseEl?.addEventListener("click", hide); |
51 | lightboxPrevEl.addEventListener("click", prev); | 47 | lightboxPrevEl.addEventListener("click", prev); |
diff --git a/templates/layouts/exhibit.html b/templates/layouts/exhibit.html index 7e45298..1ef3bff 100644 --- a/templates/layouts/exhibit.html +++ b/templates/layouts/exhibit.html | |||
@@ -48,8 +48,10 @@ | |||
48 | </section> | 48 | </section> |
49 | 49 | ||
50 | <div class="l-container l-container--pad-x l-container--pad-y l-container--narrow-125 u-pt-0"> | 50 | <div class="l-container l-container--pad-x l-container--pad-y l-container--narrow-125 u-pt-0"> |
51 | <div class="s-colored-links s-headings s-blockquotes s-code s-lists s-tables s-alerts e-content" itemprop="articleBody"> | 51 | <div class="l-container l-container--narrow u-ml-0"> |
52 | <div class="s-colored-links s-headings s-blockquotes s-code s-lists s-tables s-alerts e-content" itemprop="articleBody"> | ||
52 | $body$ | 53 | $body$ |
54 | </div> | ||
53 | </div> | 55 | </div> |
54 | </div> | 56 | </div> |
55 | </main> | 57 | </main> |