From 73ce68b0714784b66a8edd7b594f0c78f6b24a25 Mon Sep 17 00:00:00 2001 From: Your Name Date: Tue, 19 May 2026 14:48:56 +0300 Subject: [PATCH] feat: adapt all pages for mobile (Galaxy S10, 360px) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Remove min-width: 580px from body — was forcing horizontal scroll - Reduce container padding to px-2 on mobile - Fix .inv width (was 400px fixed, now auto) - Add @media (max-width: 575.98px) block: smaller card margins, font sizes, full-width forms and select bars - Audit/owner/admin/inspection forms: col-auto → col-12 col-sm-auto - Inspection stats: col-md-3 → col-6 col-md-3 (2x2 grid on mobile) - Inspection action buttons: d-flex flex-wrap gap-2 - Home search input: flex-grow-1 to fill available width - aud-select-bar: stacks vertically on mobile - Bump cache-busting version for styles.css and app.js Co-Authored-By: Claude Sonnet 4.6 --- frontend/index.html | 78 ++++++++++++++++++++++----------------------- frontend/styles.css | 68 +++++++++++++++++++++++++++++++++++++-- 2 files changed, 105 insertions(+), 41 deletions(-) diff --git a/frontend/index.html b/frontend/index.html index 0619be4..1c18baa 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -5,7 +5,7 @@ АСУ Инвентаризация - +
@@ -63,7 +63,7 @@ -
+
@@ -72,7 +72,7 @@
- +
@@ -163,9 +163,9 @@

Оборудование по аудитории

{{ printTitle }}

-
+
- @@ -264,16 +264,16 @@
Создать пользователя-админа
-
+
-
+
-
- +
+
{{ status }}
@@ -311,12 +311,12 @@
Добавить аудиторию
-
+
-
- +
+
{{ status }}
@@ -351,12 +351,12 @@
Добавить владельца
-
+
-
- +
+
{{ status }}
@@ -580,15 +580,15 @@
Начать новую проверку
-
+
-
- +
+
@@ -631,36 +631,36 @@
-
-
-
-
+
+
+
+
{{ inspectionStats.total_checked }}
-

Проверено

+

Проверено

-
-
-
+
+
+
{{ inspectionStats.total_expected }}
-

Всего

+

Всего

-
-
-
+
+
+
{{ inspectionStats.total_unknown }}
-

Не найдено

+

Не найдено

-
-
-
+
+
+
{{ inspectionStats.progress_percent }}%
-

Прогресс

+

Прогресс

@@ -689,9 +689,9 @@
-
- - +
+ +
@@ -735,6 +735,6 @@ - + diff --git a/frontend/styles.css b/frontend/styles.css index c8317d0..f54b9f7 100644 --- a/frontend/styles.css +++ b/frontend/styles.css @@ -5,7 +5,7 @@ body { background-color: #E2F3FD; - min-width: 580px; + min-width: 0; } .row { @@ -125,7 +125,8 @@ td.inv-col, th.inv-col { } .inv { - width: 400px; + width: auto; + min-width: 80px; } .rasp { @@ -158,6 +159,69 @@ td.inv-col, th.inv-col { width: 200px; } +@media (max-width: 575.98px) { + header h1 { + font-size: 1.2rem; + } + + .container-fluid { + padding-left: 8px !important; + padding-right: 8px !important; + } + + .card { + margin: 4px; + border-radius: 10px; + } + + .rasp { + width: auto; + max-width: 120px; + } + + .table td, .table th { + font-size: 12px; + padding: 4px 3px; + } + + .aud-select-bar { + flex-direction: column !important; + align-items: stretch !important; + justify-content: flex-start !important; + } + + .aud-select-bar label { + margin-bottom: 4px; + } + + .aud-select-bar select, + .aud-select-bar .btn { + width: 100% !important; + max-width: 100% !important; + } + + .form-row-mobile { + flex-direction: column !important; + } + + .form-row-mobile .col-auto, + .form-row-mobile [class*="col-"] { + width: 100% !important; + max-width: 100% !important; + } + + .btn-bar { + display: flex; + flex-wrap: wrap; + gap: 8px; + } + + .btn-bar .btn { + flex: 1 1 auto; + margin: 0 !important; + } +} + @media print { * { font-family: "Times New Roman", Times, serif;