fix(analytics): recommend page UI — caveat badge wrap + headline baseline label
Two UX nits: - Caveats badge had whiteSpace:nowrap on a 250-char data_caveat → overflowed visibly outside the section in the screenshot. Drop nowrap, keep small font + light grey background. Reads as a compact note. - Headline KPIs (369 млн ₽ · 19.4 мес · темп 6.0 · ликв 97/100) are computed by backend at price_factor=1.0, while live KPI cards below recompute with the current slider position. When user moves price to +40% the discrepancy is confusing. Append small grey '(базовая цена)' marker after headline with a tooltip explaining baseline vs live.
This commit is contained in:
parent
0de32cd2ce
commit
ceaf553eb7
1 changed files with 15 additions and 3 deletions
|
|
@ -162,6 +162,18 @@ export default function RecommendPage() {
|
||||||
? ` · ${input.area_total_m2.toLocaleString("ru")} м²`
|
? ` · ${input.area_total_m2.toLocaleString("ru")} м²`
|
||||||
: ""}
|
: ""}
|
||||||
<strong>»:</strong> {data.summary.headline}
|
<strong>»:</strong> {data.summary.headline}
|
||||||
|
<span
|
||||||
|
style={{
|
||||||
|
marginLeft: 8,
|
||||||
|
fontSize: 11,
|
||||||
|
color: "#94a3b8",
|
||||||
|
fontWeight: 400,
|
||||||
|
whiteSpace: "nowrap",
|
||||||
|
}}
|
||||||
|
title="Базовый расчёт — без movements слайдером. KPI ниже live по ползунку цены."
|
||||||
|
>
|
||||||
|
(базовая цена)
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
style={{
|
style={{
|
||||||
|
|
@ -358,13 +370,13 @@ export default function RecommendPage() {
|
||||||
<span
|
<span
|
||||||
style={{
|
style={{
|
||||||
display: "inline-block",
|
display: "inline-block",
|
||||||
padding: "3px 8px",
|
padding: "4px 10px",
|
||||||
background: "#f1f5f9",
|
background: "#f1f5f9",
|
||||||
border: "1px solid #e2e8f0",
|
border: "1px solid #e2e8f0",
|
||||||
borderRadius: 4,
|
borderRadius: 6,
|
||||||
fontSize: 11,
|
fontSize: 11,
|
||||||
color: "#5b6066",
|
color: "#5b6066",
|
||||||
whiteSpace: "nowrap",
|
lineHeight: 1.4,
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{data.scope.data_caveat ??
|
{data.scope.data_caveat ??
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue