From ac1c46bd6cb8f79cd47ee0fe072175c1da363adf Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 24 Jul 2022 09:24:14 +0200 Subject: Fixed lightbox misalignment --- tpl/objects/lightbox.pug | 12 +++++++----- tpl/views/lightbox.pug | 13 +++++++++++++ 2 files changed, 20 insertions(+), 5 deletions(-) (limited to 'tpl') 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 mixin lightbox(images) .o-lightbox - header.o-lightbox__header.s-colored-links - block - +action-button(round=true quiet=true icon='x' class='o-lightbox__close-btn') + header.o-lightbox__header + .s-colored-links + block + +action-button(round=true quiet=true icon='x' class='o-lightbox__close-btn') img.o-lightbox__img(src=images[0]) - +action-button(round=true quiet=true icon='chevron-left' class='o-lightbox__nav-btn o-lightbox__nav-btn--prev') - +action-button(round=true quiet=true icon='chevron-right' class='o-lightbox__nav-btn o-lightbox__nav-btn--next') + if images.length > 1 + +action-button(round=true quiet=true icon='chevron-left' class='o-lightbox__nav-btn o-lightbox__nav-btn--prev') + +action-button(round=true quiet=true icon='chevron-right' class='o-lightbox__nav-btn o-lightbox__nav-btn--next') .o-lightbox__thumbnails each img, i in images - 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 = ' ' a(href="https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06") = "https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06" + + .c-box + +backdrop(class='t-dark') + +lightbox(['avatar.png']) + = "Let's try multiple links! " + a(href="https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925") + = "https://mk.vulpes.one/files/3023f361-124a-4c80-bb69-9535e47c2925" + = ' ' + a(href="https://mk.vulpes.one/files/741dcfd3-6a26-48ae-8985-d0c3ccca016c") + = "https://mk.vulpes.one/files/741dcfd3-6a26-48ae-8985-d0c3ccca016c" + = ' ' + a(href="https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06") + = "https://mk.vulpes.one/files/081e0684-08dc-4a42-b810-b0ac63ec7d06" -- cgit v1.2.3-70-g09d2