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;