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

Fix some layout of View All, Add New

Browse Source
This commit is contained in:
darin.kelkhoff
2023-04-14 11:13:48 -05:00
parent f66b9e6b10
commit 38d607848f
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/qqq/components/widgets/Widget.tsx
View File

@ -142,7 +142,7 @@ function Widget(props: React.PropsWithChildren<Props>): JSX.Element
{ {
const link = component as HeaderLink const link = component as HeaderLink
return ( return (
<Typography variant="body2" p={2} display="inline" fontSize=".875rem"> <Typography variant="body2" p={2} display="inline" fontSize=".875rem" pt="0" position="relative" top="-0.25rem">
{link.to ? <Link to={link.to}>{link.label}</Link> : null} {link.to ? <Link to={link.to}>{link.label}</Link> : null}
</Typography> </Typography>
); );
@ -152,7 +152,7 @@ function Widget(props: React.PropsWithChildren<Props>): JSX.Element
{ {
const addNewRecordButton = component as AddNewRecordButton const addNewRecordButton = component as AddNewRecordButton
return ( return (
<Typography variant="body2" p={2} pr={1} display="inline"> <Typography variant="body2" p={2} pr={0} display="inline" position="relative" top="0.25rem">
<Button sx={{mt: 0.75}} onClick={() => openEditForm(addNewRecordButton.table, null, addNewRecordButton.defaultValues, addNewRecordButton.disabledFields)}>{addNewRecordButton.label}</Button> <Button sx={{mt: 0.75}} onClick={() => openEditForm(addNewRecordButton.table, null, addNewRecordButton.defaultValues, addNewRecordButton.disabledFields)}>{addNewRecordButton.label}</Button>
</Typography> </Typography>
); );
@ -297,8 +297,8 @@ function Widget(props: React.PropsWithChildren<Props>): JSX.Element
const hasPermission = props.widgetData?.hasPermission === undefined || props.widgetData?.hasPermission === true; const hasPermission = props.widgetData?.hasPermission === undefined || props.widgetData?.hasPermission === true;
const widgetContent = const widgetContent =
<Box sx={{width: "100%", height: "100%", minHeight: props.widgetMetaData?.minHeight ? props.widgetMetaData?.minHeight : "initial"}}> <Box sx={{width: "100%", height: "100%", minHeight: props.widgetMetaData?.minHeight ? props.widgetMetaData?.minHeight : "initial"}}>
<Box pr={3} display="flex" justifyContent="space-between" alignItems="flex-start" sx={{width: "100%"}}> <Box pr={2} display="flex" justifyContent="space-between" alignItems="flex-start" sx={{width: "100%"}}>
<Box pt={2}> <Box pt={2} pb={1}>
{ {
hasPermission ? hasPermission ?
props.widgetMetaData?.icon && ( props.widgetMetaData?.icon && (