From c30e3239a011292e8bd5966d20f47cd6938552d3 Mon Sep 17 00:00:00 2001 From: Panfilov Konstantin Date: Mon, 19 Oct 2026 22:41:49 +0300 Subject: [PATCH] =?UTF-8?q?feat(ui):=20=D0=BE=D0=B1=D1=89=D0=B8=D0=B9=20?= =?UTF-8?q?=D0=B1=D1=80=D0=B5=D0=BD=D0=B4=20=D0=B8=20=D0=BA=D0=BE=D0=BC?= =?UTF-8?q?=D0=BF=D0=B0=D0=BA=D1=82=D0=BD=D0=B0=D1=8F=20=D0=BC=D0=BE=D0=B1?= =?UTF-8?q?=D0=B8=D0=BB=D1=8C=D0=BD=D0=B0=D1=8F=20=D0=BE=D0=B1=D1=80=D0=B0?= =?UTF-8?q?=D0=B1=D0=BE=D1=82=D0=BA=D0=B0=20(refs=20#5)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/process.php | 8 ++++---- style.css | 41 +++++++++++++++++++++++++++++++++++++++++ style.min.c.css | 41 +++++++++++++++++++++++++++++++++++++++++ style.min.css | 41 +++++++++++++++++++++++++++++++++++++++++ 4 files changed, 127 insertions(+), 4 deletions(-) diff --git a/components/process.php b/components/process.php index 235bbed..547c8ce 100644 --- a/components/process.php +++ b/components/process.php @@ -22,7 +22,7 @@ $labelsJson = json_encode($labels, JSON_UNESCAPED_UNICODE);
- x  px
+ × px
@@ -48,7 +48,7 @@ $labelsJson = json_encode($labels, JSON_UNESCAPED_UNICODE);
- x  px
+ × px
@@ -133,8 +133,8 @@ $labelsJson = json_encode($labels, JSON_UNESCAPED_UNICODE); if (bytes === 0 || isNaN(bytes)) return '0 B'; const units = ['B', 'Kb', 'Mb', 'Gb', 'Tb']; const i = Math.floor(Math.log(bytes) / Math.log(1024)); - const formattedValue = (bytes / Math.pow(1024, i)).toFixed(2); + const formattedValue = (bytes / Math.pow(1024, i)).toFixed(i === 1 ? 0 : 2); return parseFloat(formattedValue) + ' ' + units[i]; } }; - \ No newline at end of file + diff --git a/style.css b/style.css index 05726d8..8f59c36 100644 --- a/style.css +++ b/style.css @@ -2793,3 +2793,44 @@ body:not(.theme-dark) .theme-light-hidden { .index-mobile-fit #image-compare .icv__label-before { left: 24px; } .index-mobile-fit #image-compare .icv__label-after { right: 24px; } } + +/* api#284: общий контракт утверждённых шапки/подвала и мобильной обработки. */ + +.header .navbar{height:90px;padding-top:0!important;padding-bottom:0!important;} +.header .navbar>.container{height:100%;align-items:center;flex-wrap:nowrap;} +.header .navbar-brand{padding:0;margin-right:12px;min-width:0;flex:1 1 0;display:flex;align-items:center;} +.header .navbar-brand img{width:240px;max-width:100%;height:auto;} +.footer-logo img{width:160px;height:auto;max-width:100%;} +.header .btn-header{min-height:44px;height:44px;font-size:14px;line-height:20px;padding:0 16px;border-radius:12px;white-space:nowrap;gap:6px;} +@media(max-width:767.98px){ + .header .navbar{height:68px;} .header .navbar-brand img{width:180px;} .header .navbar-toggler{width:30px;height:30px;border-radius:8px;padding:0;} .header .navbar-toggler-icon{width:20px;height:20px;background-size:20px;} + .header .navbar-brand{margin-right:8px;} + .header .btn-header{height:30px;min-height:30px;font-size:12px;padding:0 12px;border-radius:11px;} + .header .btn-header svg{width:16px;height:16px;} + .footer-logo img{width:130px;height:auto;} + .site{padding-top:68px;} + .index-mobile-fit #image-compare{max-height:clamp(120px,calc(100svh - 450px),240px);} +} +@media(max-width:767.98px){ + .tour-processing, .main-section:has(#process:not([style*="display: none"])) {padding-top:12px!important;padding-bottom:12px!important;min-height:0!important;} + #process{padding:16px 12px;} + #process .process-dimensions-unit{display:none;} + #process .dropzone-form-inner{padding:0;} + #process-title{margin:0;font-size:16px;line-height:24px;} + #process-scale-note{margin:12px 0;font-size:13px;line-height:20px;text-align:center;} + #process .dropzone-form-loading-info{margin:0;display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:4px;align-items:center;} + #process .dropzone-form-loading-info-col{min-width:0;} + #process .dropzone-form-loading-info-item{gap:4px;align-items:center;} + #process .dropzone-form-loading-info-col:last-child .dropzone-form-loading-info-item{justify-content:flex-end;} + #process .dropzone-form-loading-info-item:not(:last-child){margin-bottom:8px;} + #process .dropzone-form-loading-info-icon svg{width:16px;height:16px;display:block;} + #process .dropzone-form-loading-info-text{font-size:clamp(12px,3.6vw,13px);line-height:20px;white-space:nowrap;} + #process .dropzone-form-loading-info-arrow{display:flex;justify-content:center;flex-basis:auto;opacity:.75;} + #process .dropzone-form-loading-info-arrow svg{width:24px;} + #process .dropzone-form-loading-progress{margin-top:16px;} + #process .progress{height:24px;} + #process .progress-label{font-size:12px;line-height:24px;} + #process .process-file-line{margin-top:12px;font-size:12px;line-height:18px;} + .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;}} diff --git a/style.min.c.css b/style.min.c.css index 625baa6..620a108 100644 --- a/style.min.c.css +++ b/style.min.c.css @@ -798,3 +798,44 @@ padding-top: 2svh !important; .index-mobile-fit #image-compare .icv__label-before { left: 24px; } .index-mobile-fit #image-compare .icv__label-after { right: 24px; } } + +/* api#284: общий контракт утверждённых шапки/подвала и мобильной обработки. */ + +.header .navbar{height:90px;padding-top:0!important;padding-bottom:0!important;} +.header .navbar>.container{height:100%;align-items:center;flex-wrap:nowrap;} +.header .navbar-brand{padding:0;margin-right:12px;min-width:0;flex:1 1 0;display:flex;align-items:center;} +.header .navbar-brand img{width:240px;max-width:100%;height:auto;} +.footer-logo img{width:160px;height:auto;max-width:100%;} +.header .btn-header{min-height:44px;height:44px;font-size:14px;line-height:20px;padding:0 16px;border-radius:12px;white-space:nowrap;gap:6px;} +@media(max-width:767.98px){ + .header .navbar{height:68px;} .header .navbar-brand img{width:180px;} .header .navbar-toggler{width:30px;height:30px;border-radius:8px;padding:0;} .header .navbar-toggler-icon{width:20px;height:20px;background-size:20px;} + .header .navbar-brand{margin-right:8px;} + .header .btn-header{height:30px;min-height:30px;font-size:12px;padding:0 12px;border-radius:11px;} + .header .btn-header svg{width:16px;height:16px;} + .footer-logo img{width:130px;height:auto;} + .site{padding-top:68px;} + .index-mobile-fit #image-compare{max-height:clamp(120px,calc(100svh - 450px),240px);} +} +@media(max-width:767.98px){ + .tour-processing, .main-section:has(#process:not([style*="display: none"])) {padding-top:12px!important;padding-bottom:12px!important;min-height:0!important;} + #process{padding:16px 12px;} + #process .process-dimensions-unit{display:none;} + #process .dropzone-form-inner{padding:0;} + #process-title{margin:0;font-size:16px;line-height:24px;} + #process-scale-note{margin:12px 0;font-size:13px;line-height:20px;text-align:center;} + #process .dropzone-form-loading-info{margin:0;display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:4px;align-items:center;} + #process .dropzone-form-loading-info-col{min-width:0;} + #process .dropzone-form-loading-info-item{gap:4px;align-items:center;} + #process .dropzone-form-loading-info-col:last-child .dropzone-form-loading-info-item{justify-content:flex-end;} + #process .dropzone-form-loading-info-item:not(:last-child){margin-bottom:8px;} + #process .dropzone-form-loading-info-icon svg{width:16px;height:16px;display:block;} + #process .dropzone-form-loading-info-text{font-size:clamp(12px,3.6vw,13px);line-height:20px;white-space:nowrap;} + #process .dropzone-form-loading-info-arrow{display:flex;justify-content:center;flex-basis:auto;opacity:.75;} + #process .dropzone-form-loading-info-arrow svg{width:24px;} + #process .dropzone-form-loading-progress{margin-top:16px;} + #process .progress{height:24px;} + #process .progress-label{font-size:12px;line-height:24px;} + #process .process-file-line{margin-top:12px;font-size:12px;line-height:18px;} + .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;}} diff --git a/style.min.css b/style.min.css index 555b360..9f0cba1 100644 --- a/style.min.css +++ b/style.min.css @@ -20,3 +20,44 @@ .index-mobile-fit #image-compare .icv__label-before { left: 24px; } .index-mobile-fit #image-compare .icv__label-after { right: 24px; } } + +/* api#284: общий контракт утверждённых шапки/подвала и мобильной обработки. */ + +.header .navbar{height:90px;padding-top:0!important;padding-bottom:0!important;} +.header .navbar>.container{height:100%;align-items:center;flex-wrap:nowrap;} +.header .navbar-brand{padding:0;margin-right:12px;min-width:0;flex:1 1 0;display:flex;align-items:center;} +.header .navbar-brand img{width:240px;max-width:100%;height:auto;} +.footer-logo img{width:160px;height:auto;max-width:100%;} +.header .btn-header{min-height:44px;height:44px;font-size:14px;line-height:20px;padding:0 16px;border-radius:12px;white-space:nowrap;gap:6px;} +@media(max-width:767.98px){ + .header .navbar{height:68px;} .header .navbar-brand img{width:180px;} .header .navbar-toggler{width:30px;height:30px;border-radius:8px;padding:0;} .header .navbar-toggler-icon{width:20px;height:20px;background-size:20px;} + .header .navbar-brand{margin-right:8px;} + .header .btn-header{height:30px;min-height:30px;font-size:12px;padding:0 12px;border-radius:11px;} + .header .btn-header svg{width:16px;height:16px;} + .footer-logo img{width:130px;height:auto;} + .site{padding-top:68px;} + .index-mobile-fit #image-compare{max-height:clamp(120px,calc(100svh - 450px),240px);} +} +@media(max-width:767.98px){ + .tour-processing, .main-section:has(#process:not([style*="display: none"])) {padding-top:12px!important;padding-bottom:12px!important;min-height:0!important;} + #process{padding:16px 12px;} + #process .process-dimensions-unit{display:none;} + #process .dropzone-form-inner{padding:0;} + #process-title{margin:0;font-size:16px;line-height:24px;} + #process-scale-note{margin:12px 0;font-size:13px;line-height:20px;text-align:center;} + #process .dropzone-form-loading-info{margin:0;display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:4px;align-items:center;} + #process .dropzone-form-loading-info-col{min-width:0;} + #process .dropzone-form-loading-info-item{gap:4px;align-items:center;} + #process .dropzone-form-loading-info-col:last-child .dropzone-form-loading-info-item{justify-content:flex-end;} + #process .dropzone-form-loading-info-item:not(:last-child){margin-bottom:8px;} + #process .dropzone-form-loading-info-icon svg{width:16px;height:16px;display:block;} + #process .dropzone-form-loading-info-text{font-size:clamp(12px,3.6vw,13px);line-height:20px;white-space:nowrap;} + #process .dropzone-form-loading-info-arrow{display:flex;justify-content:center;flex-basis:auto;opacity:.75;} + #process .dropzone-form-loading-info-arrow svg{width:24px;} + #process .dropzone-form-loading-progress{margin-top:16px;} + #process .progress{height:24px;} + #process .progress-label{font-size:12px;line-height:24px;} + #process .process-file-line{margin-top:12px;font-size:12px;line-height:18px;} + .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;}}