From 02c461c076a0b1d2c4423c68e4222912c55ec8fb Mon Sep 17 00:00:00 2001 From: codey Date: Sat, 19 Jul 2025 22:14:28 -0400 Subject: [PATCH] CSS fix (player.css)- album art clipping --- src/assets/styles/player.css | 14 +++++--------- 1 file changed, 5 insertions(+), 9 deletions(-) diff --git a/src/assets/styles/player.css b/src/assets/styles/player.css index 4c8db88..b05cf5d 100644 --- a/src/assets/styles/player.css +++ b/src/assets/styles/player.css @@ -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 */