pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix list header wrap on item count

Browse source
This commit is contained in:
jeffvli 2023-01-08 02:47:38 -08:00
parent 0db1c36d86
commit ba0ec909c8
2 changed files with 23 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
src/renderer/features/albums/components/album-list-header.tsx
View file

@ -345,30 +345,28 @@ export const AlbumListHeader = ({ itemCount, gridRef, tableRef }: AlbumListHeade
> >
<DropdownMenu position="bottom-start"> <DropdownMenu position="bottom-start">
<DropdownMenu.Target> <DropdownMenu.Target>
<Group> <Button
<Button compact
compact px={0}
px={0} rightIcon={<RiArrowDownSLine size={15} />}
rightIcon={<RiArrowDownSLine size={15} />} size="xl"
size="xl" variant="subtle"
variant="subtle" >
> <Group noWrap>
<Group> <TextTitle
<TextTitle fw="bold"
fw="bold" order={3}
order={3} >
> Albums
Albums </TextTitle>
</TextTitle> <Badge
<Badge radius="xl"
radius="xl" size="lg"
size="lg" >
> {itemCount === null || itemCount === undefined ? <SpinnerIcon /> : itemCount}
{itemCount === null || itemCount === undefined ? <SpinnerIcon /> : itemCount} </Badge>
</Badge> </Group>
</Group> </Button>
</Button>
</Group>
</DropdownMenu.Target> </DropdownMenu.Target>
<DropdownMenu.Dropdown> <DropdownMenu.Dropdown>
<DropdownMenu.Label>Display type</DropdownMenu.Label> <DropdownMenu.Label>Display type</DropdownMenu.Label>

2
src/renderer/features/songs/components/song-list-header.tsx
View file

@ -294,7 +294,7 @@ export const SongListHeader = ({ itemCount, tableRef }: SongListHeaderProps) =>
sx={{ paddingLeft: 0, paddingRight: 0 }} sx={{ paddingLeft: 0, paddingRight: 0 }}
variant="subtle" variant="subtle"
> >
<Group> <Group noWrap>
<TextTitle <TextTitle
fw="bold" fw="bold"
order={3} order={3}