fix(ui): Fix album art ordering

FoxxMD · Oct 16, 2024 · aff5717 · aff5717
1 parent fa39209
commit aff5717
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/client/components/player/Player.tsx b/src/client/components/player/Player.tsx
@@ -88,10 +88,10 @@ art = {},
                         <FontAwesomeIcon color="black" icon={viewMode === 'playlist' ? faTimes : faBars}/>
                     </button>
                 <section className="player__body">
-                    <div className="player__info" style={{position: 'relative'}}>
-                    <div className="player-album">{playArt !== undefined ? <img style={{height: '100%'}} src={playArt}></img> : null}</div>
-                    <p className="title">{calculated !== 'stopped' ? track : '-'}</p>
-                    <p className="subtitle">{calculated !== 'stopped' ? artists.join(' / ') : '-'}</p>
+                    <div className="player__info" style={{position: 'relative', zIndex: 0}}>
+                        <div className="player-album">{playArt !== undefined ? <img style={{height: '100%', maxWidth: '90px'}} src={playArt}></img> : null}</div>
+                        <p className="title">{calculated !== 'stopped' ? track : '-'}</p>
+                        <p className="subtitle">{calculated !== 'stopped' ? artists.join(' / ') : '-'}</p>
                     </div>
 
                     <PlayerTimestamp duration={duration} current={data.position || 0} />

diff --git a/src/client/components/player/player.scss b/src/client/components/player/player.scss
@@ -32,7 +32,7 @@ $primary: #00ACC1;
   }
 
   .player-album {
-    width: 100%;
+    //width: 100%;
     height: 100%;
     position: absolute;
     left: calc($spacing/1);
@@ -163,6 +163,7 @@ $primary: #00ACC1;
       padding-top: calc($spacing/4);
       margin-bottom: $spacing;
       text-transform: uppercase;
+      position: relative;
     }
   }
 }