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 footer weight 600 vs body 500

Browse Source
This commit is contained in:
darin.kelkhoff
2023-11-16 19:00:23 -06:00
parent 87edebb79f
commit b1d685b5b1
3 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/qqq/components/widgets/tables/DataTable.tsx
View File

@ -331,14 +331,13 @@ function DataTable({
{
cell.column.type === "default" && (
cell.value && "number" === typeof cell.value ? (
<DefaultCell>{cell.value.toLocaleString()}</DefaultCell>
) : (<DefaultCell>{cell.render("Cell")}</DefaultCell>)
<DefaultCell isFooter={isFooter}>{cell.value.toLocaleString()}</DefaultCell>
) : (<DefaultCell isFooter={isFooter}>{cell.render("Cell")}</DefaultCell>)
)
}
{
cell.column.type === "htmlAndTooltip" && (
<DefaultCell>
<DefaultCell isFooter={isFooter}>
<NoMaxWidthTooltip title={parse(row.values["tooltip"])}>
<Box>
{parse(cell.value)}
@ -349,7 +348,7 @@ function DataTable({
}
{
cell.column.type === "html" && (
<DefaultCell>{parse(cell.value)}</DefaultCell>
<DefaultCell isFooter={isFooter}>{parse(cell.value)}</DefaultCell>
)
}
{

2
src/qqq/components/widgets/tables/TableCard.tsx
View File

@ -118,7 +118,7 @@ function TableCard({noRowsFoundHTML, data, rowsPerPage, hidePaginationDropdown,
<TableRow sx={{verticalAlign: "top"}} key={`row-${i}`}>
{Array(8).fill(0).map((_, j) =>
<DataTableBodyCell key={`cell-${i}-${j}`} align="center">
<DefaultCell><Skeleton /></DefaultCell>
<DefaultCell isFooter={false}><Skeleton /></DefaultCell>
</DataTableBodyCell>
)}
</TableRow>

11
src/qqq/components/widgets/tables/cells/DefaultCell.tsx
View File

@ -17,11 +17,18 @@ import {ReactNode} from "react";
import colors from "qqq/assets/theme/base/colors";
import MDTypography from "qqq/components/legacy/MDTypography";
function DefaultCell({children}: { children: ReactNode }): JSX.Element
interface Props
{
isFooter: boolean
children: ReactNode;
}
function DefaultCell({isFooter, children}: Props): JSX.Element
{
return (
<MDTypography variant="button" color={colors.dark.main} sx={{
fontWeight: 600,
fontWeight: isFooter ? 600 : 500,
"@media (min-width: 1440px)": {
fontSize: "1rem"
},