runcity/tampermonkey
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add download link

Browse Source
This commit is contained in:
Zhora Shalyapin 2025-01-13 16:10:05 +00:00
parent b21a486ee4
commit 2e6e65862a
1 changed files with 34 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
main.js
View File

@ -474,12 +474,22 @@
swiperWrapper.classList.add("swiper-wrapper") swiperWrapper.classList.add("swiper-wrapper")
for (const file of files) { for (const file of files) {
let swiperSlide = document.createElement("div")
swiperSlide.classList.add("swiper-slide")
let downloadLink = document.createElement("a")
downloadLink.classList.add("swiper-download-link")
downloadLink.href = file.dataset.origin
downloadLink.text = "Скачать"
downloadLink.setAttribute("target", "_blank")
swiperSlide.appendChild(downloadLink)
let swiperFile = file.cloneNode(true) let swiperFile = file.cloneNode(true)
if (swiperFile.dataset.origin) if (swiperFile.dataset.origin)
swiperFile.src = swiperFile.dataset.origin swiperFile.src = swiperFile.dataset.origin
swiperFile.classList.add("swiper-slide") swiperSlide.appendChild(swiperFile)
swiperWrapper.appendChild(swiperFile) swiperWrapper.appendChild(swiperSlide)
} }
swiperDiv.appendChild(swiperWrapper) swiperDiv.appendChild(swiperWrapper)
@ -812,7 +822,9 @@
dialog .preview, dialog .preview,
.swiper { .swiper {
max-width: 1000px; max-width: 1000px;
width: 100%;
max-height: 500px; max-height: 500px;
height: 100%;
} }
.swiper-button-next, .swiper-button-next,
@ -825,13 +837,32 @@
align-items: center; align-items: center;
} }
.swiper-wrapper > img.swiper-slide { .swiper-wrapper > .swiper-slide {
width: 100%; width: 100%;
max-height: 500px; max-height: 500px;
height: 100%;
}
.swiper-slide img {
width: 100%;
max-height: 500px;
height: 100%;
object-fit: contain; object-fit: contain;
object-position: center; object-position: center;
} }
.swiper-download-link {
display: block;
position: absolute;
top: 0;
right: 0;
background: white;
padding: 5px 10px;
margin: 5px;
border: 1px solid #ccc;
border-radius: 7.5px;
}
button.button-delete { button.button-delete {
padding: 0; padding: 0;
border: 0; border: 0;