fix chart overflowing on some screen sizes

solidtime-io · Sep 30, 2024 · f4195b8 · f4195b8
1 parent 6b6527c
commit f4195b8
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -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>