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>

db/migration/20230209181414_change_image_files_list_separator.go

@@ -27,15 +27,16 @@ func upChangeImageFilesListSeparator(tx *sql.Tx) error {
 		return err
 	}
 
-	var id, imageFiles string
+	var id string
+	var imageFiles sql.NullString
 	for rows.Next() {
 		err = rows.Scan(&id, &imageFiles)
 		if err != nil {
 			return err
 		}
 
-		files := upChangeImageFilesListSeparatorDirs(imageFiles)
-		if files == imageFiles {
+		files := upChangeImageFilesListSeparatorDirs(imageFiles.String)
+		if files == imageFiles.String {
 			continue
 		}
 		_, err = stmt.Exec(files, id)

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

ui/src/audioplayer/Player.js

@@ -69,7 +69,8 @@ const Player = () => {
       context === null &&
       audioInstance &&
       config.enableReplayGain &&
-      'AudioContext' in window
+      'AudioContext' in window &&
+      (gainInfo.gainMode === 'album' || gainInfo.gainMode === 'track')
     ) {
       const ctx = new AudioContext()
       // we need this to support radios in firefox
@@ -83,7 +84,7 @@ const Player = () => {
       setContext(ctx)
       setGainNode(gain)
     }
-  }, [audioInstance, context])
+  }, [audioInstance, context, gainInfo.gainMode])
 
   useEffect(() => {
     if (gainNode) {