set fullscreen player badges to transparent

This commit is contained in:
jeffvli 2025-06-24 14:52:40 -07:00
parent 01f5745629
commit 4acbb1820d
2 changed files with 6 additions and 4 deletions

View file

@ -270,12 +270,10 @@ export const FullScreenPlayerImage = () => {
mt="sm" mt="sm"
> >
{currentSong?.container && ( {currentSong?.container && (
<Badge size="lg"> <Badge variant="transparent">{currentSong?.container}</Badge>
{currentSong?.container} {currentSong?.bitRate}
</Badge>
)} )}
{currentSong?.releaseYear && ( {currentSong?.releaseYear && (
<Badge size="lg">{currentSong?.releaseYear}</Badge> <Badge variant="transparent">{currentSong?.releaseYear}</Badge>
)} )}
</Group> </Group>
</Stack> </Stack>

View file

@ -6,6 +6,10 @@
background: transparent; background: transparent;
} }
.root[data-variant='transparent'] {
background: transparent;
}
.root { .root {
padding: var(--theme-spacing-xs) var(--theme-spacing-sm); padding: var(--theme-spacing-xs) var(--theme-spacing-sm);
font-weight: 500; font-weight: 500;