fix(site-finder): §4.3 — укомпановать 3 колонки в единообразные карточки #2117

Merged
bot-backend merged 1 commit from fix/section43-compose into main 2026-06-30 16:51:53 +00:00
2 changed files with 33 additions and 30 deletions

View file

@ -59,12 +59,12 @@ export function Pipeline24moBlock({ data }: Props) {
); );
return ( return (
// Content-only: внешнюю карточку (рамка/фон/паддинг) даёт колонка §4.3
// в Section33MarketSales — чтобы все три колонки были единообразными
// карточками. Severity передаётся бейджем справа, а не цветом рамки всей
// карточки (иначе блок «вылезает» красным из ряда).
<div <div
style={{ style={{
border: `1px solid ${c.border}`,
background: "#fff",
borderRadius: 10,
padding: "14px 18px",
display: "flex", display: "flex",
flexDirection: "column", flexDirection: "column",
gap: 12, gap: 12,
@ -78,20 +78,6 @@ export function Pipeline24moBlock({ data }: Props) {
gap: 12, gap: 12,
}} }}
> >
<span
style={{
display: "flex",
alignItems: "center",
gap: 6,
fontSize: 11,
fontWeight: 700,
color: "var(--fg-secondary, #5B6066)",
textTransform: "uppercase",
letterSpacing: "0.06em",
}}
title="Прогноз будущего предложения: ЖК-конкуренты со сроком сдачи в ближайшие 24 месяца в радиусе 5 км. Это оценка, а не факт продаж."
>
Будущее предложение конкурентов (24 мес)
<span <span
style={{ style={{
padding: "1px 6px", padding: "1px 6px",
@ -102,12 +88,11 @@ export function Pipeline24moBlock({ data }: Props) {
color: "var(--fg-tertiary, #73767E)", color: "var(--fg-tertiary, #73767E)",
background: "var(--bg-card-alt, #FAFBFC)", background: "var(--bg-card-alt, #FAFBFC)",
border: "1px solid var(--border-card, #E6E8EC)", border: "1px solid var(--border-card, #E6E8EC)",
textTransform: "none",
}} }}
title="Прогноз будущего предложения: ЖК-конкуренты со сроком сдачи в ближайшие 24 месяца в радиусе 5 км. Это оценка, а не факт продаж."
> >
прогноз прогноз
</span> </span>
</span>
<span <span
style={{ style={{
padding: "2px 10px", padding: "2px 10px",

View file

@ -487,14 +487,32 @@ function Section33MarketSales({ data }: { data: ParcelAnalysis }) {
<SubBlockLabel> <SubBlockLabel>
Будущее предложение конкурентов (24 мес) Будущее предложение конкурентов (24 мес)
</SubBlockLabel> </SubBlockLabel>
<div
style={{
background: "var(--bg-card, #FFFFFF)",
border: "1px solid var(--border-card, #E6E8EC)",
borderRadius: 10,
padding: "14px 18px",
}}
>
<Pipeline24moBlock data={data.pipeline_24mo!} /> <Pipeline24moBlock data={data.pipeline_24mo!} />
</div> </div>
</div>
)} )}
{hasTrend && ( {hasTrend && (
<div> <div>
<SubBlockLabel>Динамика цен</SubBlockLabel> <SubBlockLabel>Динамика цен</SubBlockLabel>
<div
style={{
background: "var(--bg-card, #FFFFFF)",
border: "1px solid var(--border-card, #E6E8EC)",
borderRadius: 10,
padding: "14px 18px",
}}
>
<MarketTrendBlock trend={data.market_trend} /> <MarketTrendBlock trend={data.market_trend} />
</div> </div>
</div>
)} )}
</div> </div>
</> </>