From 28bf3a82d79d234d24d02733bb26ab0201255da3 Mon Sep 17 00:00:00 2001 From: bot-backend Date: Mon, 31 Aug 2026 11:24:11 +0500 Subject: [PATCH] =?UTF-8?q?fix(mera-public):=20=D0=BF=D0=BB=D0=B8=D1=82?= =?UTF-8?q?=D0=BA=D0=B8=20=D1=82=D0=BE=D1=87=D0=BD=D0=BE=D1=81=D1=82=D0=B8?= =?UTF-8?q?=20=D0=B2=20=D0=BE=D0=B4=D0=B8=D0=BD=20=D1=80=D1=8F=D0=B4,=20?= =?UTF-8?q?=C2=AB=D0=A0=D0=B0=D1=81=D1=85=D0=BE=D0=B6=D0=B4=D0=B5=D0=BD?= =?UTF-8?q?=D0=B8=D0=B5=C2=BB=20=D0=BF=D0=BE=20=D0=BE=D0=B4=D0=BD=D0=BE?= =?UTF-8?q?=D0=BC=D1=83=20=D0=BA=D1=80=D0=B0=D1=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Пятая плитка (тёмная, из /stats) не влезала в грид: контейнер 1168px, minmax(220px) + gap 20px требуют 1180px — плитка падала на вторую строку одна и узкая, читалось как обрыв вёрстки. Заменил грид на flex-wrap с общим базисом 200px: пять плиток встают в ряд, четыре — тоже, а на узких ширинах остаток растягивается на всю строку вместо огрызка слева. Значения столбца «Расхождение» стояли по левому краю ячейки, а заголовок — по правому, из-за чего столбец читался пустым. Выровнял значения вправо, по краю заголовка; на мобильном брейке text-align по-прежнему сбрасывается в left (карточки с data-label не тронуты). Co-Authored-By: Claude Opus 5 --- .../src/app/mera-public/landing-v3.module.css | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/tradein-mvp/frontend/src/app/mera-public/landing-v3.module.css b/tradein-mvp/frontend/src/app/mera-public/landing-v3.module.css index 77568bc0..ee875cf8 100644 --- a/tradein-mvp/frontend/src/app/mera-public/landing-v3.module.css +++ b/tradein-mvp/frontend/src/app/mera-public/landing-v3.module.css @@ -983,9 +983,14 @@ text-wrap: pretty; } +/* Плиток бывает четыре или пять (пятая — тёмная, приходит из /stats и может + не прийти). Грид с фиксированной minmax-колонкой ронял пятую на вторую + строку одну и узкую — читалось как обрыв. Flex-wrap с общим базисом делает + строку цельной при любом числе плиток: что помещается — стоит в ряд, + остаток растягивается на всю ширину, а не висит слева огрызком. */ .accKpiGrid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); + display: flex; + flex-wrap: wrap; gap: 20px; margin: 0 0 32px; padding: 0; @@ -993,6 +998,8 @@ } .accKpiTile { + flex: 1 1 200px; + min-width: 0; background: var(--b2c-page-bg); border: 1px solid var(--b2c-line); border-radius: 10px; @@ -1100,10 +1107,14 @@ color: var(--b2c-ink); } +/* Правый край — общий с заголовком столбца (.accTableHeadCellRight); + иначе значения стоят левее шапки и столбец читается пустым. + На мобильном брейке ниже text-align сбрасывается в left. */ .accCellErr { font-family: var(--b2c-font-mono); font-size: 12px; color: var(--b2c-muted); + text-align: right; } .accCellGain { -- 2.45.3