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

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

@ -95,45 +95,37 @@ 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"> {useMemo(
<Box width="100%" height="300px" py={2} pr={2} pl={2}> () => (
{useMemo( <Pie data={data} options={options} getElementsAtEvent={handleClick} />
() => ( ),
<Pie data={data} options={options} getElementsAtEvent={handleClick} /> [chartData]
), )}
[chartData] </Box>
)} {
!chartData && (
<Box sx={{
position: "absolute",
top: "40%",
left: "50%",
transform: "translate(-50%, -50%)",
display: "flex",
justifyContent: "center"
}}>
<Skeleton sx={{width: "150px", height: "150px"}} variant="circular" />
</Box> </Box>
{ )
!chartData && ( }
<Box sx={{
position: "absolute",
top: "40%",
left: "50%",
transform: "translate(-50%, -50%)",
display: "flex",
justifyContent: "center"
}}>
<Skeleton sx={{width: "150px", height: "150px"}} variant="circular" />
</Box>
)
}
</Grid>
</Grid>
{ {
description && ( description && (
<> <>
<Divider /> <Divider />
<Grid container> <Box display="flex" flexDirection={{xs: "column", sm: "row"}} mt="auto">
<Grid item xs={12}> <MDTypography variant="button" color="text" fontWeight="light">
<Box pb={2} px={2} display="flex" flexDirection={{xs: "column", sm: "row"}} mt="auto"> {parse(description)}
<MDTypography variant="button" color="text" fontWeight="light"> </MDTypography>
{parse(description)} </Box>
</MDTypography>
</Box>
</Grid>
</Grid>
</> </>
) )
} }