From 4acbb1820dc58ef91821ddb127b21fbab677bdd2 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Tue, 24 Jun 2025 14:52:40 -0700
Subject: [PATCH] set fullscreen player badges to transparent

---
 .../features/player/components/full-screen-player-image.tsx | 6 ++----
 src/shared/components/badge/badge.module.css                | 4 ++++
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/renderer/features/player/components/full-screen-player-image.tsx b/src/renderer/features/player/components/full-screen-player-image.tsx
index a022b7de..98d937cd 100644
--- a/src/renderer/features/player/components/full-screen-player-image.tsx
+++ b/src/renderer/features/player/components/full-screen-player-image.tsx
@@ -270,12 +270,10 @@ export const FullScreenPlayerImage = () => {
                     mt="sm"
                 >
                     {currentSong?.container && (
-                        <Badge size="lg">
-                            {currentSong?.container} {currentSong?.bitRate}
-                        </Badge>
+                        <Badge variant="transparent">{currentSong?.container}</Badge>
                     )}
                     {currentSong?.releaseYear && (
-                        <Badge size="lg">{currentSong?.releaseYear}</Badge>
+                        <Badge variant="transparent">{currentSong?.releaseYear}</Badge>
                     )}
                 </Group>
             </Stack>
diff --git a/src/shared/components/badge/badge.module.css b/src/shared/components/badge/badge.module.css
index 3db9e5c0..ce2d1465 100644
--- a/src/shared/components/badge/badge.module.css
+++ b/src/shared/components/badge/badge.module.css
@@ -6,6 +6,10 @@
     background: transparent;
 }
 
+.root[data-variant='transparent'] {
+    background: transparent;
+}
+
 .root {
     padding: var(--theme-spacing-xs) var(--theme-spacing-sm);
     font-weight: 500;