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%; 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 and progress */
/* .music-bar { /* .music-bar {
background: #efefef; background: #efefef;

1
src/components/AudioPlayer.jsx
View File

@@ -211,6 +211,7 @@ const progressColorClass =
<div className="c-containter"> <div className="c-containter">
<div className="music-container mt-8"> <div className="music-container mt-8">
<section className="album-cover"> <section className="album-cover">
<div class="music-player__album" title="Album">{trackAlbum}</div>
<img src={coverArt} <img src={coverArt}
className="cover" className="cover"
title={trackAlbum ? `"${trackAlbum}" Cover Art` : "Cover Art"} title={trackAlbum ? `"${trackAlbum}" Cover Art` : "Cover Art"}