+ {showTopicStatusInCard ? (
+ <>
+
Описание проблемы
diff --git a/app/web/client.css b/app/web/client.css
index 4e964e0..177e30a 100644
--- a/app/web/client.css
+++ b/app/web/client.css
@@ -46,10 +46,57 @@
margin-bottom: 0.85rem;
}
-.client-summary-grid {
- display: grid;
- gap: 0.65rem;
- grid-template-columns: repeat(4, minmax(0, 1fr));
+.client-summary-row {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 0.75rem 1.1rem;
+ flex-wrap: wrap;
+ padding: 0.2rem 0;
+}
+
+.client-summary-chips {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.42rem;
+ flex-wrap: wrap;
+}
+
+.client-summary-chip {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.24rem;
+ border-radius: 999px;
+ border: 1px solid rgba(121, 152, 197, 0.3);
+ background: rgba(74, 106, 157, 0.14);
+ color: #deebff;
+ padding: 0.2rem 0.58rem;
+ font-size: 0.78rem;
+ font-weight: 700;
+ line-height: 1.25;
+}
+
+.client-summary-chip span {
+ color: #f0f6ff;
+}
+
+.client-summary-chip-topic {
+ border-color: rgba(143, 168, 208, 0.32);
+ background: rgba(96, 126, 171, 0.15);
+}
+
+.client-summary-dates {
+ display: inline-flex;
+ align-items: center;
+ flex-wrap: wrap;
+ gap: 0.4rem 0.85rem;
+ color: #9fb3cc;
+ font-size: 0.79rem;
+}
+
+.client-summary-dates b {
+ color: #dce8f8;
+ font-weight: 700;
}
.client-help-modal {
@@ -81,8 +128,8 @@
}
@media (max-width: 1120px) {
- .client-summary-grid {
- grid-template-columns: repeat(2, minmax(0, 1fr));
+ .client-summary-row {
+ align-items: flex-start;
}
}
@@ -96,7 +143,8 @@
align-items: stretch;
}
- .client-summary-grid {
- grid-template-columns: 1fr;
+ .client-summary-dates {
+ display: grid;
+ gap: 0.3rem;
}
}
diff --git a/app/web/client.jsx b/app/web/client.jsx
index 0947839..2a8fdd8 100644
--- a/app/web/client.jsx
+++ b/app/web/client.jsx
@@ -1,6 +1,6 @@
import { RequestWorkspace } from "./admin/features/requests/RequestWorkspace.jsx";
import { createRequestModalState } from "./admin/shared/state.js";
-import { detectAttachmentPreviewKind, fmtShortDateTime } from "./admin/shared/utils.js";
+import { detectAttachmentPreviewKind, fmtShortDateTime, statusLabel } from "./admin/shared/utils.js";
(function () {
const { useCallback, useEffect, useMemo, useRef, useState } = React;
@@ -849,23 +849,23 @@ import { detectAttachmentPreviewKind, fmtShortDateTime } from "./admin/shared/ut
-
-
-
-
Статус
-
{summary ? String(summary.status_code || "-") : "-"}
+
+
+
+
+ Статус: {summary ? statusLabel(summary.status_code) : "-"}
+
+
+ Тема: {summary ? String(summary.topic_name || summary.topic_code || "-") : "-"}
+
-
- Тема
- {summary ? String(summary.topic_name || summary.topic_code || "-") : "-"}
-
-
- Создана
- {summary ? fmtShortDateTime(summary.created_at) : "-"}
-
-
-
Обновлена
-
{summary ? fmtShortDateTime(summary.updated_at) : "-"}
+
+
+ Создана: {summary ? fmtShortDateTime(summary.created_at) : "-"}
+
+
+ Обновлена: {summary ? fmtShortDateTime(summary.updated_at) : "-"}
+