From 579e816bbb9360814c93d7d415621ab3653ffa15 Mon Sep 17 00:00:00 2001 From: Denozordec Date: Wed, 7 Oct 2026 14:28:07 +0700 Subject: [PATCH] =?UTF-8?q?fix(ui):=20=D0=BF=D0=BE=D0=BA=D0=B0=D0=B7=D0=B0?= =?UTF-8?q?=D1=82=D1=8C=20=D0=B8=D0=B7=D0=BC=D0=B5=D1=80=D0=B5=D0=BD=D0=B8?= =?UTF-8?q?=D1=8F=20=D1=80=D1=8F=D0=B4=D0=BE=D0=BC=20=D1=81=20=D0=B7=D0=B0?= =?UTF-8?q?=D0=BA=D1=80=D0=B5=D0=BF=D0=BB=D1=91=D0=BD=D0=BD=D1=8B=D0=BC=20?= =?UTF-8?q?WAN=20=D0=BD=D0=B0=20=D1=82=D0=B5=D0=BB=D0=B5=D1=84=D0=BE=D0=BD?= =?UTF-8?q?=D0=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../route-optimizer-wan-matrix-data-grid.tsx | 16 ++-- docs/ux-ui-plan.md | 2 +- docs/ux-ui-progress.md | 2 +- docs/ux-ui-stage-12.md | 9 ++ .../matrix-geometry-2026-10-07.json | 52 ++++++++++++ .../screens/optimizer-matrix-readable-320.png | Bin 0 -> 59840 bytes tests/e2e/optimizer-matrix-geometry.spec.ts | 80 ++++++++++++++++++ 7 files changed, 152 insertions(+), 9 deletions(-) create mode 100644 docs/ux-ui/acceptance/matrix-geometry-2026-10-07.json create mode 100644 docs/ux-ui/screens/optimizer-matrix-readable-320.png create mode 100644 tests/e2e/optimizer-matrix-geometry.spec.ts diff --git a/components/data-grids/route-optimizer-wan-matrix-data-grid.tsx b/components/data-grids/route-optimizer-wan-matrix-data-grid.tsx index 41b30ad2..d736628d 100644 --- a/components/data-grids/route-optimizer-wan-matrix-data-grid.tsx +++ b/components/data-grids/route-optimizer-wan-matrix-data-grid.tsx @@ -2,6 +2,7 @@ import { dataGridFeatures, type DataGridFeatures } from "@/components/reui/data-grid" +import { useIsMobile } from "@/hooks/use-mobile" import { useEffect, useMemo, useState } from "react" import { Input } from "@/components/ui/input" import { Button } from "@/components/ui/button" @@ -41,6 +42,7 @@ function RouteOptimizerWanMatrixDataGrid({ legs, jumpHosts, }: RouteOptimizerWanMatrixDataGridProps) { + const isMobile = useIsMobile() const [wanQuery, setWanQuery] = useState("") const [jhQuery, setJhQuery] = useState("") const [jhPage, setJhPage] = useState(0) @@ -69,17 +71,17 @@ function RouteOptimizerWanMatrixDataGrid({ const base: ColumnDef[] = [ { id: "wan", - size: 180, + size: isMobile ? 112 : 180, accessorKey: "name", header: () => WAN-аплинк, cell: ({ row }) => { const wan = row.original return ( -
+