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,7 +345,6 @@ 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}
@ -353,7 +352,7 @@ export const AlbumListHeader = ({ itemCount, gridRef, tableRef }: AlbumListHeade
size="xl" size="xl"
variant="subtle" variant="subtle"
> >
<Group> <Group noWrap>
<TextTitle <TextTitle
fw="bold" fw="bold"
order={3} order={3}
@ -368,7 +367,6 @@ export const AlbumListHeader = ({ itemCount, gridRef, tableRef }: AlbumListHeade
</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>

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}