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-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 = <Box pr={1}>{mainNumberElement}</Box>
let previousNumberElement = (
<>
@ -86,11 +87,11 @@ function StackedBarChart({chartSubheaderData}: Props): JSX.Element
}
return chartSubheaderData ? (
<Box display="inline-flex" alignItems="flex-end">
<Box display="inline-flex" alignItems="flex-end" flexWrap="wrap">
{mainNumberElement}
{
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>
<Typography display="inline" variant="body2" sx={{color: color}}>{chartSubheaderData.vsPreviousPercent}%</Typography>
{previousNumberElement}