feat(ui): равные desktop плашки сравнения как в Index (refs #6)
deploy-preland / deploy zoomstage.online (push) Successful in 30s

This commit is contained in:
Panfilov Konstantin committed 2026-10-20 00:18:11 +03:00
1 parent c30e3239a0
commit 7eaf1c12b0
3 files changed
+23

No files matched your search

+21
View File
@@ -157,6 +157,27 @@ body {
box-sizing: border-box;
}
/* Общий desktop-контракт плашек Index; мобильный вариант сохраняет свои размеры. */
@media (min-width: 768px) {
.image-compare .icv__label {
top: 10px;
width: 92px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
padding: 4px 10px;
font: 700 18px/26px Inter, sans-serif;
color: #fff;
backdrop-filter: none;
-webkit-backdrop-filter: none;
background: rgb(0 0 0 / 25%);
border: 1px solid rgb(255 255 255 / 80%);
box-shadow: none;
text-shadow: none;
}
}
.preview-full .icv__label {
position: absolute;
bottom: auto;
+1
View File
@@ -839,3 +839,4 @@ padding-top: 2svh !important;
.tour-processing #preview, .main-section:has(#process:not([style*="display: none"])) #preview{height:clamp(220px,calc(100svh - 335px),380px)!important;margin-top:16px;}
}
@media(max-width:767.98px){.result-download-title{font-size:24px;line-height:1.2;}}
@media (min-width:768px){.image-compare .icv__label{top:10px;width:92px;height:36px;display:flex;align-items:center;justify-content:center;padding:4px 10px;font:700 18px/26px Inter,sans-serif;color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgb(0 0 0 / 25%);border:1px solid rgb(255 255 255 / 80%);box-shadow:none;text-shadow:none;}}
+1
View File
@@ -61,3 +61,4 @@
.tour-processing #preview, .main-section:has(#process:not([style*="display: none"])) #preview{height:clamp(220px,calc(100svh - 335px),380px)!important;margin-top:16px;}
}
@media(max-width:767.98px){.result-download-title{font-size:24px;line-height:1.2;}}
@media (min-width:768px){.image-compare .icv__label{top:10px;width:92px;height:36px;display:flex;align-items:center;justify-content:center;padding:4px 10px;font:700 18px/26px Inter,sans-serif;color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgb(0 0 0 / 25%);border:1px solid rgb(255 255 255 / 80%);box-shadow:none;text-shadow:none;}}