diff options
| author | Volpeon <git@volpeon.ink> | 2022-07-24 09:24:14 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-07-24 09:24:14 +0200 |
| commit | ac1c46bd6cb8f79cd47ee0fe072175c1da363adf (patch) | |
| tree | 42262247f80e88e5e2be3fc778a94b7fa0017b25 /tpl | |
| parent | Fix again (diff) | |
| download | iro-design-ac1c46bd6cb8f79cd47ee0fe072175c1da363adf.tar.gz iro-design-ac1c46bd6cb8f79cd47ee0fe072175c1da363adf.tar.bz2 iro-design-ac1c46bd6cb8f79cd47ee0fe072175c1da363adf.zip | |
Fixed lightbox misalignment
Diffstat (limited to 'tpl')
| -rw-r--r-- | tpl/objects/lightbox.pug | 12 | ||||
| -rw-r--r-- | tpl/views/lightbox.pug | 13 |
2 files changed, 20 insertions, 5 deletions
diff --git a/tpl/objects/lightbox.pug b/tpl/objects/lightbox.pug index 5ba8c57..faf7fa2 100644 --- a/tpl/objects/lightbox.pug +++ b/tpl/objects/lightbox.pug | |||
| @@ -2,12 +2,14 @@ include icon.pug | |||
| 2 | 2 | ||
| 3 | mixin lightbox(images) | 3 | mixin lightbox(images) |
| 4 | .o-lightbox | 4 | .o-lightbox |
| 5 | header.o-lightbox__header.s-colored-links | 5 | header.o-lightbox__header |
| 6 | block | 6 | .s-colored-links |
| 7 | +action-button(round=true quiet=true icon='x' class='o-lightbox__close-btn') | 7 | block |
| 8 | +action-button(round=true quiet=true icon='x' class='o-lightbox__close-btn') | ||
| 8 | img.o-lightbox__img(src=images[0]) | 9 | img.o-lightbox__img(src=images[0]) |
| 9 | +action-button(round=true quiet=true icon='chevron-left' class='o-lightbox__nav-btn o-lightbox__nav-btn--prev') | 10 | if images.length > 1 |
| 10 | +action-button(round=true quiet=true icon='chevron-right' class='o-lightbox__nav-btn o-lightbox__nav-btn--next') | 11 | +action-button(round=true quiet=true icon='chevron-left' class='o-lightbox__nav-btn o-lightbox__nav-btn--prev') |
| 12 | +action-button(round=true quiet=true icon='chevron-right' class='o-lightbox__nav-btn o-lightbox__nav-btn--next') | ||
| 11 | .o-lightbox__thumbnails | 13 | .o-lightbox__thumbnails |
| 12 | each img, i in images | 14 | each img, i in images |
| 13 | - classes = i === 0 ? 'is-selected' : '' | 15 | - classes = i === 0 ? 'is-selected' : '' |
diff --git a/tpl/views/lightbox.pug b/tpl/views/lightbox.pug index 174e904..c1e5054 100644 --- a/tpl/views/lightbox.pug +++ b/tpl/views/lightbox.pug | |||
| @@ -12,3 +12,16 @@ mixin view-lightbox | |||
| 12 | = ' ' | 12 | = ' ' |
| 13 | a(href="https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06") | 13 | a(href="https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06") |
| 14 | = "https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06" | 14 | = "https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06" |
| 15 | |||
| 16 | .c-box | ||
| 17 | +backdrop(class='t-dark') | ||
| 18 | +lightbox(['avatar.png']) | ||
| 19 | = "Let's try multiple links! " | ||
| 20 | a(href="https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925") | ||
| 21 | = "https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925" | ||
| 22 | = ' ' | ||
| 23 | a(href="https://mk.vulpes.one/files/741dcfd3-6a26-48ae-8985-d0c3ccca016c") | ||
| 24 | = "https://mk.vulpes.one/files/741dcfd3-6a26-48ae-8985-d0c3ccca016c" | ||
| 25 | = ' ' | ||
| 26 | a(href="https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06") | ||
| 27 | = "https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06" | ||