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

CE-604 Better wrapping (flex-wrap!)

Browse Source
This commit is contained in:
darin.kelkhoff
2023-11-02 19:56:55 -05:00
parent 02fe351084
commit 51b2f5bb5a
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/qqq/components/widgets/components/ChartSubheaderWithData.tsx
View File

@ -70,6 +70,7 @@ function StackedBarChart({chartSubheaderData}: Props): JSX.Element
{ {
mainNumberElement = <Link to={chartSubheaderData.mainNumberUrl}>{mainNumberElement}</Link> mainNumberElement = <Link to={chartSubheaderData.mainNumberUrl}>{mainNumberElement}</Link>
} }
mainNumberElement = <Box pr={1}>{mainNumberElement}</Box>
let previousNumberElement = ( let previousNumberElement = (
<> <>
@ -86,11 +87,11 @@ function StackedBarChart({chartSubheaderData}: Props): JSX.Element
} }
return chartSubheaderData ? ( return chartSubheaderData ? (
<Box display="inline-flex" alignItems="flex-end"> <Box display="inline-flex" alignItems="flex-end" flexWrap="wrap">
{mainNumberElement} {mainNumberElement}
{ {
chartSubheaderData.vsPreviousPercent != null && iconName != null && ( chartSubheaderData.vsPreviousPercent != null && iconName != null && (
<Box display="inline-flex" alignItems="flex-end" pb={1} pl={0.5}> <Box display="inline-flex" alignItems="flex-end" pb={1} ml={-0.5}>
<Icon fontSize="medium" sx={{color: color}}>{iconName}</Icon> <Icon fontSize="medium" sx={{color: color}}>{iconName}</Icon>
<Typography display="inline" variant="body2" sx={{color: color}}>{chartSubheaderData.vsPreviousPercent}%</Typography> <Typography display="inline" variant="body2" sx={{color: color}}>{chartSubheaderData.vsPreviousPercent}%</Typography>
{previousNumberElement} {previousNumberElement}