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

@@ -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',
+      },
     },
   },
 })