From 247b7f2fe649815dea61cc75ffdbc56f1f94c437 Mon Sep 17 00:00:00 2001
From: vikingowl <christian@nachtigall.dev>
Date: Sun, 28 Dec 2025 05:41:58 +0100
Subject: [PATCH] fix: make SparkLine SVG responsive with viewBox
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

SVG was using fixed width/height attributes causing clipping in
smaller containers. Now uses viewBox for coordinate system and
w-full h-full classes to fill container properly.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 frontend/src/lib/components/common/SparkLine.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/common/SparkLine.svelte b/frontend/src/lib/components/common/SparkLine.svelte
index 316c286..17c9fad 100644
--- a/frontend/src/lib/components/common/SparkLine.svelte
+++ b/frontend/src/lib/components/common/SparkLine.svelte
@@ -43,7 +43,7 @@
 	});
 </script>
 
-<svg {width} {height} class="overflow-visible">
+<svg viewBox="0 0 {width} {height}" class="w-full h-full overflow-visible" preserveAspectRatio="none">
 	<defs>
 		<linearGradient id="sparkGradient-{color}" x1="0%" y1="0%" x2="0%" y2="100%">
 			<stop offset="0%" style="stop-color:{color};stop-opacity:0.3" />