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

CSS fix (player.css)- album art clipping

Browse Source
This commit is contained in:
codey
2025-07-19 22:14:28 -04:00
parent 9e894ebecf
commit 02c461c076
1 changed files with 5 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -35,25 +35,21 @@ body {
/* Album cover section */
.album-cover {
flex: 0 0 30%; /* Fixed ~30% width */
aspect-ratio: 1 / 1;
width: 100%;
max-width: 30%;
height: 100%;
overflow: hidden; /* Prevent image spill */
min-width: 0; /* Fix flex overflow */
height: auto;
}
/* Album cover image */
.album-cover > img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 1;
transition: 300ms;
object-fit: cover;
}
.album-cover > img:hover {
opacity: 0.7;
cursor: pointer;
}
/* Player info and controls */