From d200de54a800f338020efc344b541e0e2ad716dc Mon Sep 17 00:00:00 2001
From: Gregor Vostrak <gregor@solidtime.io>
Date: Mon, 30 Sep 2024 00:14:49 +0200
Subject: [PATCH] fix chart overflowing on some screen sizes

---
 resources/js/Components/Common/Reporting/ReportingPieChart.vue | 2 +-
 resources/js/Components/Dashboard/ProjectsChartCard.vue        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/Components/Common/Reporting/ReportingPieChart.vue b/resources/js/Components/Common/Reporting/ReportingPieChart.vue
index db489a91..ea01cd93 100644
--- a/resources/js/Components/Common/Reporting/ReportingPieChart.vue
+++ b/resources/js/Components/Common/Reporting/ReportingPieChart.vue
@@ -103,7 +103,7 @@ const option = ref({
 
 <template>
     <v-chart
-        class="background-transparent h-[460px]"
+        class="background-transparent max-w-[300px] mx-auto h-[460px]"
         :autoresize="true"
         :option="option" />
 </template>
diff --git a/resources/js/Components/Dashboard/ProjectsChartCard.vue b/resources/js/Components/Dashboard/ProjectsChartCard.vue
index d842d398..1edf2a28 100644
--- a/resources/js/Components/Dashboard/ProjectsChartCard.vue
+++ b/resources/js/Components/Dashboard/ProjectsChartCard.vue
@@ -76,7 +76,7 @@ const option = ref({
 
 <template>
     <v-chart
-        class="h-[420px] bg-transparent"
+        class="h-[420px] max-w-[300px] mx-auto bg-transparent"
         :autoresize="true"
         :option="option" />
 </template>