Limit share size while handling theme properly (#2171)

* limit player to 768 px Signed-off-by: Kendall Garner <17521368+kgarner7@users.noreply.github.com> * fix size limitation --------- Signed-off-by: Kendall Garner <17521368+kgarner7@users.noreply.github.com>
navidrome · Feb 14, 2023 · 8b93962 · 8b93962
1 parent b129cae
commit 8b93962
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/ui/src/SharePlayer.js b/ui/src/SharePlayer.js
@@ -10,9 +10,14 @@ const useStyle = makeStyles({
       pointerEvents: (props) => props.single && 'none',
       opacity: (props) => props.single && 0.65,
     },
-    '& .react-jinke-music-player-mobile': {
-      maxWidth: 768,
-      margin: 'auto',
+    '@media (min-width: 768px)': {
+      '& .react-jinke-music-player-mobile > div': {
+        width: 768,
+        margin: 'auto',
+      },
+      '& .react-jinke-music-player-mobile-cover': {
+        width: 'auto !important',
+      },
     },
   },
 })