From 7eaf1c12b00d9a92b14f9857bdb6f9b573e6b570 Mon Sep 17 00:00:00 2001 From: Panfilov Konstantin Date: Tue, 20 Oct 2026 00:18:11 +0300 Subject: [PATCH] =?UTF-8?q?feat(ui):=20=D1=80=D0=B0=D0=B2=D0=BD=D1=8B?= =?UTF-8?q?=D0=B5=20desktop=20=D0=BF=D0=BB=D0=B0=D1=88=D0=BA=D0=B8=20?= =?UTF-8?q?=D1=81=D1=80=D0=B0=D0=B2=D0=BD=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=BA?= =?UTF-8?q?=D0=B0=D0=BA=20=D0=B2=20Index=20(refs=20#6)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- style.css | 21 +++++++++++++++++++++ style.min.c.css | 1 + style.min.css | 1 + 3 files changed, 23 insertions(+) diff --git a/style.css b/style.css index 8f59c36..e3d2067 100644 --- a/style.css +++ b/style.css @@ -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; diff --git a/style.min.c.css b/style.min.c.css index 620a108..0305c8b 100644 --- a/style.min.c.css +++ b/style.min.c.css @@ -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;}} diff --git a/style.min.css b/style.min.css index 9f0cba1..1f0a19f 100644 --- a/style.min.css +++ b/style.min.css @@ -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;}}