inventree/InvenTree
2
0
Fork 0
mirror of https://github.com/inventree/InvenTree.git synced 2025-11-04 07:05:41 +00:00
Code Activity

Dashboard item rendering fixes (#9163)

Browse Source
This commit is contained in:
Oliver
2025-02-23 21:39:22 +11:00
committed by GitHub
parent c9666ff8ec
commit cfdafcd791
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/frontend/src/components/dashboard/widgets/QueryCountDashboardWidget.tsx
View File

@@ -72,18 +72,24 @@ function QueryCountWidget({
[modelProperties, params] [modelProperties, params]
); );
// TODO: Improve visual styling
return ( return (
<Group gap='xs' wrap='nowrap'> <Group
gap='xs'
wrap='nowrap'
justify='space-between'
align='center'
style={{ height: '100%' }}
>
<Group gap='xs'>
<InvenTreeIcon icon={icon ?? modelProperties.icon} /> <InvenTreeIcon icon={icon ?? modelProperties.icon} />
<Group gap='xs' wrap='nowrap' justify='space-between'>
<StylishText size='md'>{title}</StylishText> <StylishText size='md'>{title}</StylishText>
</Group>
<Group gap='xs' wrap='nowrap' justify='space-apart'>
<Group gap='xs' wrap='nowrap' justify='right'> <Group gap='xs' wrap='nowrap' justify='right'>
{query.isFetching ? ( {query.isFetching ? (
<Loader size='sm' /> <Loader size='sm' />
) : ( ) : (
<StylishText size='sm'>{query.data?.count ?? '-'}</StylishText> <StylishText size='md'>{query.data?.count ?? '-'}</StylishText>
)} )}
{modelProperties?.url_overview && ( {modelProperties?.url_overview && (
<ActionIcon size='sm' variant='transparent' onClick={onFollowLink}> <ActionIcon size='sm' variant='transparent' onClick={onFollowLink}>