From 8b93962faddff839e4137ab371776b2c8b2e6cd4 Mon Sep 17 00:00:00 2001
From: Kendall Garner <17521368+kgarner7@users.noreply.github.com>
Date: Tue, 14 Feb 2023 01:00:39 +0000
Subject: [PATCH] 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>
---
 ui/src/SharePlayer.js | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/ui/src/SharePlayer.js b/ui/src/SharePlayer.js
index ca26940c..9410fbc2 100644
--- 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',
+      },
     },
   },
 })