fix selectors

This commit is contained in:
Zhora Shalyapin 2025-03-11 07:49:00 +00:00
parent 0408afd554
commit ee64fe003e

172
main.js
View File

@ -993,110 +993,110 @@
textarea { textarea {
width: 100%; width: 100%;
} }
}
.files-container input[type=radio] { .files-container input[type=radio] {
display: none; display: none;
} }
.file-list-container { .file-list-container {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 10px; gap: 10px;
margin-top: 5px; margin-top: 5px;
} }
.file-container { .file-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 5px; gap: 5px;
} }
.file-container img.preview { .file-container img.preview {
width: 120px; width: 120px;
} }
.file-container img.preview-small { .file-container img.preview-small {
width: 60px; width: 60px;
} }
.file-container img:is(.preview, .preview-small) { .file-container img:is(.preview, .preview-small) {
cursor: zoom-in; cursor: zoom-in;
} }
dialog .preview, dialog .preview,
.swiper { .swiper {
max-width: 1000px; max-width: 1000px;
width: 100%; width: 100%;
max-height: 500px; max-height: 500px;
height: 100%; height: 100%;
} }
.swiper-button-next, .swiper-button-next,
.swiper-button-prev { .swiper-button-prev {
user-select: none; user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
} }
.swiper-wrapper { .swiper-wrapper {
align-items: center; align-items: center;
} }
.swiper-wrapper > .swiper-slide { .swiper-wrapper > .swiper-slide {
width: 100%; width: 100%;
max-height: 500px; max-height: 500px;
height: 100%; height: 100%;
} }
.swiper-slide img { .swiper-slide img {
width: 100%; width: 100%;
max-height: 500px; max-height: 500px;
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
object-position: center; object-position: center;
} }
.swiper-download-link { .swiper-download-link {
display: block; display: block;
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
background: white; background: white;
padding: 5px 10px; padding: 5px 10px;
margin: 5px; margin: 5px;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 7.5px; border-radius: 7.5px;
} }
button.button-delete { button.button-delete {
padding: 0; padding: 0;
border: 0; border: 0;
margin: 0; margin: 0;
background: none; background: none;
font-size: 18px; font-size: 18px;
} }
.admin-files-container { .admin-files-container {
display: flex; display: flex;
} }
.admin-files-container > :not(:last-child) { .admin-files-container > :not(:last-child) {
padding-right: 10px; padding-right: 10px;
border-right: 1px solid #ddd; border-right: 1px solid #ddd;
} }
.admin-files-container > :not(:first-child) { .admin-files-container > :not(:first-child) {
padding-left: 10px; padding-left: 10px;
} }
dialog img.preview { dialog img.preview {
width: auto; width: auto;
} }
.file-buttons-container { .file-buttons-container {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 5px; gap: 5px;
}
} }
` `