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 Border, padding adjustments

Browse Source
This commit is contained in:
darin.kelkhoff
2023-11-15 19:57:39 -06:00
parent 754010df3d
commit 6c6c1cfe3d
1 changed files with 44 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/qqq/components/widgets/misc/RecordGridWidget.tsx
View File

@ -22,6 +22,7 @@
import {QTableMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QTableMetaData"; import {QTableMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QTableMetaData";
import {QWidgetMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QWidgetMetaData"; import {QWidgetMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QWidgetMetaData";
import {QRecord} from "@kingsrook/qqq-frontend-core/lib/model/QRecord"; import {QRecord} from "@kingsrook/qqq-frontend-core/lib/model/QRecord";
import Box from "@mui/material/Box";
import Button from "@mui/material/Button"; import Button from "@mui/material/Button";
import Icon from "@mui/material/Icon"; import Icon from "@mui/material/Icon";
import Tooltip from "@mui/material/Tooltip/Tooltip"; import Tooltip from "@mui/material/Tooltip/Tooltip";
@ -174,8 +175,8 @@ function RecordGridWidget({widgetMetaData, data}: Props): JSX.Element
if(widgetMetaData?.showExportButton) if(widgetMetaData?.showExportButton)
{ {
labelAdditionalElementsLeft.push( labelAdditionalElementsLeft.push(
<Typography key={1} variant="body2" py={2} px={0} display="inline" position="relative" top="-0.375rem"> <Typography key={1} variant="body2" py={2} px={0} display="inline" position="relative" top="-0.25rem">
<Tooltip title={tooltipTitle}><Button sx={{px: 1, py: 0, minWidth: "initial"}} onClick={onExportClick} disabled={isExportDisabled}><Icon>save_alt</Icon></Button></Tooltip> <Tooltip title={tooltipTitle}><Button sx={{px: 1, py: 0, minWidth: "initial"}} onClick={onExportClick} disabled={isExportDisabled}><Icon sx={{color: "#757575", fontSize: 1.125}}>save_alt</Icon></Button></Tooltip>
</Typography> </Typography>
); );
} }
@ -216,8 +217,14 @@ function RecordGridWidget({widgetMetaData, data}: Props): JSX.Element
labelAdditionalElementsLeft={labelAdditionalElementsLeft} labelAdditionalElementsLeft={labelAdditionalElementsLeft}
labelAdditionalComponentsRight={labelAdditionalComponentsRight} labelAdditionalComponentsRight={labelAdditionalComponentsRight}
> >
<Box mx={-2} mb={-3}>
<DataGridPro <DataGridPro
autoHeight autoHeight
sx={{
borderBottom: "none",
borderLeft: "none",
borderRight: "none"
}}
rows={rows} rows={rows}
disableSelectionOnClick disableSelectionOnClick
columns={columns} columns={columns}
@ -250,6 +257,7 @@ function RecordGridWidget({widgetMetaData, data}: Props): JSX.Element
// sortingOrder={[ "asc", "desc" ]} // sortingOrder={[ "asc", "desc" ]}
// sortModel={columnSortModel} // sortModel={columnSortModel}
/> />
</Box>
</Widget> </Widget>
); );
} }