lekss361/gendesign
1
0
Fork 0
Code Issues 57 Pull requests Projects Releases Packages Wiki Activity Actions

fix(tradein/v2): аналитика — выровнять два графика в равную высоту #2483

Merged
bot-backend merged 1 commit from fix/v2-analytics-equal-chart-height into main 2026-07-12 15:16:35 +00:00
Conversation 0 Commits 1 Files changed 1 +6 -4
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
tradein-mvp/frontend/src/components/trade-in/v2/AnalyticsView.tsx
View file

@ -329,13 +329,15 @@ export default function AnalyticsView({
{/* история цен + цена × срок продажи — side by side so both fit the {/* история цен + цена × срок продажи — side by side so both fit the
fixed-height v2 artboard panel without scrolling (reclaims ~194px fixed-height v2 artboard panel without scrolling (reclaims ~194px
of vertical space vs. stacking; chart heights unchanged). */} of vertical space vs. stacking). Both SVGs share height: 260 (viewBox
heights differ — 220 vs 300 — but preserveAspectRatio="none" stretches
them to match) so the two cards render at equal height. */}
<div <div
style={{ style={{
display: "grid", display: "grid",
gridTemplateColumns: "1fr 1fr", gridTemplateColumns: "1fr 1fr",
gap: 16, gap: 16,
alignItems: "start", alignItems: "stretch",
}} }}
> >
{/* история цен */} {/* история цен */}
@ -390,7 +392,7 @@ export default function AnalyticsView({
</div> </div>
<svg <svg
viewBox="0 0 900 220" viewBox="0 0 900 220"
style={{ width: "100%", height: 200, marginTop: 12 }} style={{ width: "100%", height: 260, marginTop: 12 }}
preserveAspectRatio="none" preserveAspectRatio="none"
role="img" role="img"
aria-label="График истории цен в этом доме: медиана ₽/м² по годам, серии Avito и Яндекс" aria-label="График истории цен в этом доме: медиана ₽/м² по годам, серии Avito и Яндекс"
@ -577,7 +579,7 @@ export default function AnalyticsView({
</div> </div>
<svg <svg
viewBox="0 0 900 300" viewBox="0 0 900 300"
style={{ width: "100%", height: 280, marginTop: 12 }} style={{ width: "100%", height: 260, marginTop: 12 }}
preserveAspectRatio="none" preserveAspectRatio="none"
role="img" role="img"
aria-label="Точечный график зависимости цены продажи от срока экспозиции: аналоги, сделки и ваш объект" aria-label="Точечный график зависимости цены продажи от срока экспозиции: аналоги, сделки и ваш объект"