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 */