mirror of
https://github.com/Psychotoxical/psysonic.git
synced 2026-07-21 23:05:46 +00:00
fix(themes): show store thumbnails in 16:9 (#1018)
* fix(themes): show store thumbnails in 16:9 Thumbnails are now 16:9 WebP. Render the store-row preview at 200x112 (16:9) so the screenshot isn't cropped in the grid; the lightbox already shows it full size, now larger and crisper from the 1280x720 source. * docs(themes): note the 16:9 thumbnail PR in the Theme Store entry
This commit is contained in:
@@ -278,11 +278,11 @@ export function ThemeStoreSection() {
|
||||
alt=""
|
||||
loading="lazy"
|
||||
width={200}
|
||||
height={125}
|
||||
height={112}
|
||||
// Offline / missing thumbnail: hide the broken-image glyph; the
|
||||
// image's own neutral background stands in as a placeholder.
|
||||
onError={e => { e.currentTarget.style.opacity = '0'; }}
|
||||
style={{ width: 200, height: 125, objectFit: 'cover', borderRadius: 6, background: 'var(--bg-deep)' }}
|
||||
style={{ width: 200, height: 112, objectFit: 'cover', borderRadius: 6, background: 'var(--bg-deep)' }}
|
||||
/>
|
||||
</button>
|
||||
<div style={{ flex: 1, minWidth: 0, display: 'flex', flexDirection: 'column', gap: 2 }}>
|
||||
|
||||
Reference in New Issue
Block a user