From f1da17e484c36a7afbb8aca6c684cdb4dd07c9b7 Mon Sep 17 00:00:00 2001
From: "Wei S." <5291640+wayneshn@users.noreply.github.com>
Date: Sun, 24 Aug 2025 17:10:24 +0300
Subject: [PATCH] Fix: storage chart legend overflow (#70)

* Fix storage chart legend overflow

* fix storage legend overflow

---------

Co-authored-by: Wayne <5291640+ringoinca@users.noreply.github.com>
---
 .../lib/components/custom/charts/StorageBySourceChart.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/src/lib/components/custom/charts/StorageBySourceChart.svelte b/packages/frontend/src/lib/components/custom/charts/StorageBySourceChart.svelte
index 3e916c2..76813ac 100644
--- a/packages/frontend/src/lib/components/custom/charts/StorageBySourceChart.svelte
+++ b/packages/frontend/src/lib/components/custom/charts/StorageBySourceChart.svelte
@@ -14,7 +14,10 @@
 	} satisfies ChartConfig;
 </script>
 
-<Chart.Container config={chartConfig} class="h-full min-h-[300px] w-full">
+<Chart.Container
+	config={chartConfig}
+	class="flex h-full w-full flex-col overflow-y-auto [&_.lc-legend-swatch-group]:overflow-x-auto "
+>
 	<PieChart
 		{data}
 		key="name"