fix(app): resize y and x axis label sizes

trashtrackteam · Mar 2, 2024 · 697abb1 · 697abb1
1 parent 2c78280
commit 697abb1
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/libs/components/src/charts/report-status.tsx b/libs/components/src/charts/report-status.tsx
@@ -137,15 +137,22 @@ export function PieChartReportStatus() {
     return (
         <ResponsiveContainer className="p-2 m-0" width="100%" height={400}>
             <PieChart>
-                <Legend layout="horizontal" fontSize={12} verticalAlign="top" align="center" />
+                <Legend
+                    layout="horizontal"
+                    wrapperStyle={{
+                        fontSize: 8,
+                    }}
+                    verticalAlign="top"
+                    align="center"
+                />
                 <Pie
                     activeIndex={activeIndex}
                     activeShape={renderActiveShape}
                     onMouseEnter={onPieEnter}
                     label
                     data={chartData.data}
                     dataKey="value"
-                    fontSize={10}
+                    fontSize={8}
                     cx="50%"
                     cy="50%"
                     outerRadius={60}

diff --git a/libs/components/src/charts/total-report.tsx b/libs/components/src/charts/total-report.tsx
@@ -32,8 +32,8 @@ export function AreaChartTotalReport() {
         <ResponsiveContainer className="p-2 m-0" width="100%" height={200}>
             <AreaChart data={chartData.data}>
                 <CartesianGrid strokeDasharray="3 3" />
-                <XAxis fontSize={10} dataKey="name" />
-                <YAxis />
+                <XAxis fontSize={6} dataKey="name" />
+                <YAxis fontSize={6} />
                 <Tooltip />
                 <Area type="monotone" dataKey="total" stroke="#8884d8" fill="#8884d8" />
             </AreaChart>

diff --git a/libs/components/src/charts/total-trash.tsx b/libs/components/src/charts/total-trash.tsx
@@ -32,8 +32,8 @@ export function AreaChartTotalTrash() {
         <ResponsiveContainer className="p-2 m-0" width="100%" height={200}>
             <AreaChart data={chartData.data}>
                 <CartesianGrid strokeDasharray="3 3" />
-                <XAxis fontSize={10} dataKey="name" />
-                <YAxis />
+                <XAxis fontSize={6} dataKey="name" />
+                <YAxis fontSize={6} />
                 <Tooltip />
                 <Area type="monotone" dataKey="total" stroke="#8884d8" fill="#8884d8" />
             </AreaChart>