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 Widget and tab spacing adjustments; pass iconPath down into HeaderIcon

Browse Source
This commit is contained in:
darin.kelkhoff
2023-11-15 19:54:59 -06:00
parent 1c1cfc6d75
commit f1c3b93049
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/qqq/components/widgets/DashboardWidgets.tsx
View File

@ -254,7 +254,7 @@ function DashboardWidgets({widgetMetaDataList, tableName, entityPrimaryKey, omit
const topRightInsideCardIcon = widgetMetaData.icons.get("topRightInsideCard"); const topRightInsideCardIcon = widgetMetaData.icons.get("topRightInsideCard");
if (topRightInsideCardIcon) if (topRightInsideCardIcon)
{ {
labelAdditionalComponentsRight.push(new HeaderIcon(topRightInsideCardIcon.name, topRightInsideCardIcon.color)); labelAdditionalComponentsRight.push(new HeaderIcon(topRightInsideCardIcon.name, topRightInsideCardIcon.path, topRightInsideCardIcon.color));
} }
} }
@ -343,7 +343,7 @@ function DashboardWidgets({widgetMetaDataList, tableName, entityPrimaryKey, omit
reloadWidgetCallback={(data) => reloadWidget(i, data)} reloadWidgetCallback={(data) => reloadWidget(i, data)}
widgetData={widgetData[i]} widgetData={widgetData[i]}
> >
<Box px={3} pt={0} pb={2}> <Box>
<MDTypography component="div" variant="button" color="text" fontWeight="light"> <MDTypography component="div" variant="button" color="text" fontWeight="light">
{ {
widgetData && widgetData[i] && widgetData[i].html ? ( widgetData && widgetData[i] && widgetData[i].html ? (
@ -515,7 +515,7 @@ function DashboardWidgets({widgetMetaDataList, tableName, entityPrimaryKey, omit
if (wrapWidgetsInTabPanels) if (wrapWidgetsInTabPanels)
{ {
renderedWidget = (<TabPanel index={i} value={selectedTab} style={{padding: "1rem 0 0 1.5rem", width: "100%", marginBottom: "-1.5rem"}}> renderedWidget = (<TabPanel index={i} value={selectedTab} style={{padding: "1rem 0 0 1.25rem", width: "100%", marginBottom: "-1.5rem"}}>
{renderedWidget} {renderedWidget}
</TabPanel>); </TabPanel>);
} }
@ -528,7 +528,11 @@ function DashboardWidgets({widgetMetaDataList, tableName, entityPrimaryKey, omit
const tabs = widgetMetaDataList && wrapWidgetsInTabPanels ? const tabs = widgetMetaDataList && wrapWidgetsInTabPanels ?
<Tabs <Tabs
sx={{m: 0, mb: 1.5}} sx={{m: 0, mb: 1.5, ml: -2, mr: -2, mt: -3,
"& .MuiTabs-scroller": {
ml: 0
}
}}
value={selectedTab} value={selectedTab}
onChange={(event, newValue) => changeTab(newValue)} onChange={(event, newValue) => changeTab(newValue)}
variant="standard" variant="standard"
@ -545,7 +549,7 @@ function DashboardWidgets({widgetMetaDataList, tableName, entityPrimaryKey, omit
{tabs} {tabs}
{ {
omitWrappingGridContainer ? body : ( omitWrappingGridContainer ? body : (
<Grid container spacing={3} pb={4}> <Grid container spacing={2.5}>
{body} {body}
</Grid> </Grid>
) )