Skip to content

fix: use object-fit cover on playlist thumbnails to eliminate letterboxing#763

Merged
castrojo merged 3 commits into
projectbluefin:mainfrom
castrojo:feature/music-syrens-of-metal
Apr 15, 2026
Merged

fix: use object-fit cover on playlist thumbnails to eliminate letterboxing#763
castrojo merged 3 commits into
projectbluefin:mainfrom
castrojo:feature/music-syrens-of-metal

Conversation

@castrojo
Copy link
Copy Markdown
Contributor

Fixes black bars on playlist thumbnails. object-fit: contain was shrinking images and padding with background color. Changed to cover so thumbnails fill the container edge-to-edge.

castrojo and others added 3 commits April 14, 2026 21:13
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Center-cropped from eyes.svg source (6046x4000) via rsvg-convert.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
…oxing

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@castrojo castrojo enabled auto-merge April 15, 2026 01:51
Copy link
Copy Markdown
Contributor

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request updates the CSS for the MusicPlaylist component, specifically changing the object-fit property from contain to cover for an element. This change ensures that the media fills its container while maintaining its aspect ratio, potentially cropping the edges. I have no feedback to provide as there were no review comments to evaluate and the change is straightforward.

@castrojo castrojo merged commit 132826b into projectbluefin:main Apr 15, 2026
2 checks passed
@castrojo castrojo deleted the feature/music-syrens-of-metal branch May 9, 2026 19:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant