QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-17 21:00:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

CE-740 Removing reduant padding

Browse Source
This commit is contained in:
darin.kelkhoff
2023-11-16 12:19:47 -06:00
parent 2a8bed1093
commit c899e5712b
1 changed files with 26 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/qqq/components/widgets/charts/piechart/PieChart.tsx
View File

@ -95,9 +95,7 @@ function PieChart({description, chartData, chartSubheaderData}: Props): JSX.Elem
<Box>
{chartSubheaderData && (<ChartSubheaderWithData chartSubheaderData={chartSubheaderData} />)}
</Box>
<Grid container alignItems="center">
<Grid item xs={12} justifyContent="center">
<Box width="100%" height="300px" py={2} pr={2} pl={2}>
<Box width="100%" height="300px">
{useMemo(
() => (
<Pie data={data} options={options} getElementsAtEvent={handleClick} />
@ -119,21 +117,15 @@ function PieChart({description, chartData, chartSubheaderData}: Props): JSX.Elem
</Box>
)
}
</Grid>
</Grid>
{
description && (
<>
<Divider />
<Grid container>
<Grid item xs={12}>
<Box pb={2} px={2} display="flex" flexDirection={{xs: "column", sm: "row"}} mt="auto">
<Box display="flex" flexDirection={{xs: "column", sm: "row"}} mt="auto">
<MDTypography variant="button" color="text" fontWeight="light">
{parse(description)}
</MDTypography>
</Box>
</Grid>
</Grid>
</>
)
}