codey/codey.lol
1
0
Fork 0
Code Issues Pull Requests Activity

minor/add album name to player (text above cover art; album name was visible prior only when hovering over the image)

Browse Source
This commit is contained in:
codey
2025-07-25 15:13:37 -04:00
parent 91f94d894c
commit 9776f1fb15
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/assets/styles/player.css
View File

@@ -103,6 +103,13 @@ body {
padding-top: 4%;
}
.music-player__album {
font-weight: bold;
text-align: center;
font-size: 0.85rem;
padding-bottom: 5px;
}
/* Music bar and progress */
/* .music-bar {
background: #efefef;

3
src/components/AudioPlayer.jsx
View File

@@ -211,10 +211,11 @@ const progressColorClass =
<div className="c-containter">
<div className="music-container mt-8">
<section className="album-cover">
<div class="music-player__album" title="Album">{trackAlbum}</div>
<img src={coverArt}
className="cover"
title={trackAlbum ? `"${trackAlbum}" Cover Art` : "Cover Art"}
alt={trackAlbum ? `"${trackAlbum}" Cover Art` : "Cover Art"} />
alt={trackAlbum ? `"${trackAlbum}" Cover Art` : "Cover Art"} />
</section>
<section className="music-player">
<h1 className="music-player__header">serious.FM</h1>