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