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:
Psychotoxical
2026-06-07 19:30:09 +02:00
committed by GitHub
parent fc34a0ec59
commit aabd342a64
3 changed files with 4 additions and 4 deletions
@@ -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 }}>