Fix list header wrap on item count

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

View file

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

View file

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