From 7a1625c297156f2c540a43dd488080c794bdd6c1 Mon Sep 17 00:00:00 2001 From: hsiegeln <37154749+hsiegeln@users.noreply.github.com> Date: Mon, 30 Mar 2026 10:28:29 +0200 Subject: [PATCH] fix: make treemap and punchcard responsive with viewBox scaling Replaced hardcoded width/height on SVG elements with viewBox + width:100% so both components fill their parent container instead of using fixed pixels. Co-Authored-By: Claude Opus 4.6 (1M context) --- ui/src/pages/DashboardTab/PunchcardHeatmap.tsx | 2 +- ui/src/pages/DashboardTab/Treemap.tsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/ui/src/pages/DashboardTab/PunchcardHeatmap.tsx b/ui/src/pages/DashboardTab/PunchcardHeatmap.tsx index 20378643..6ab7bd90 100644 --- a/ui/src/pages/DashboardTab/PunchcardHeatmap.tsx +++ b/ui/src/pages/DashboardTab/PunchcardHeatmap.tsx @@ -75,7 +75,7 @@ export function PunchcardHeatmap({ cells, mode, width, height }: PunchcardHeatma }, [cells, mode, width, height]); return ( - + {/* Day labels (top) */} {DAYS.map((day, i) => ( + No data ); } return ( - + {rects.map(({ item, x, y, w, h }) => { const pad = 1; const rx = x + pad;