inventree/InvenTree
2
0
Fork 0
mirror of https://github.com/inventree/InvenTree.git synced 2025-04-28 11:36:44 +00:00
Code

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
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
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
<InvenTreeIcon icon={icon ?? modelProperties.icon} /> gap='xs'
<Group gap='xs' wrap='nowrap' justify='space-between'> wrap='nowrap'
justify='space-between'
align='center'
style={{ height: '100%' }}
>
<Group gap='xs'>
<InvenTreeIcon icon={icon ?? modelProperties.icon} />
<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}>