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 section */
.album-cover { .album-cover {
flex: 0 0 30%; /* Fixed ~30% width */ aspect-ratio: 1 / 1;
width: 100%;
max-width: 30%; max-width: 30%;
height: 100%; height: auto;
overflow: hidden; /* Prevent image spill */
min-width: 0; /* Fix flex overflow */
} }
/* Album cover image */
.album-cover > img { .album-cover > img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
aspect-ratio: 1;
transition: 300ms;
} }
.album-cover > img:hover { .album-cover > img:hover {
opacity: 0.7; opacity: 0.7;
cursor: pointer;
} }
/* Player info and controls */ /* Player info and controls */