brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

minor spacing stuff

Browse source
This commit is contained in:
Carter 2025-02-13 10:49:37 -06:00
parent 2acdd59ac7
commit ef6e8de895
4 changed files with 32 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

58
src/device/DevicesSummary.tsx
View file

@ -88,38 +88,34 @@ export default function DevicesSummary(props: Props) {
return (
<Grid2 container spacing={1} marginBlock={1} >
<Grid2 size={{xs: 6, sm: 3}}>
{loadingStats ?
<Skeleton className={classes.card} />
:
<Card
className={
classNames(
classes.card,
selected==="total" ? classes.cardSelected : undefined
)
}
onClick={() => setSelected("total")}
>
<Grid2 container spacing={1} justifyContent={"center"} alignItems={"center"} >
<Grid2>
<CircleGraphIcon
sx={{ marginRight: 1, marginLeft: 1 }}
progress={100}
color={"info"}
icon={<AutoAwesomeMosaic />}
/>
</Grid2>
<Grid2 marginRight={1}>
<Typography variant="h6" >
{stats.total} Devices
</Typography>
<Typography variant="subtitle2" color="textSecondary">
Total
</Typography>
</Grid2>
<Card
className={
classNames(
classes.card,
selected==="total" ? classes.cardSelected : undefined
)
}
onClick={() => setSelected("total")}
>
<Grid2 container spacing={1} justifyContent={"center"} alignItems={"center"} >
<Grid2>
<CircleGraphIcon
sx={{ marginRight: 1, marginLeft: 1 }}
progress={100}
color={"info"}
icon={<AutoAwesomeMosaic />}
/>
</Grid2>
</Card>
}
<Grid2 marginRight={1}>
<Typography variant="h6" >
{stats.total} Devices
</Typography>
<Typography variant="subtitle2" color="textSecondary">
Total
</Typography>
</Grid2>
</Grid2>
</Card>
</Grid2>
<Grid2 size={{xs: 6, sm: 3}}>
<Card