Skip to content

Store banners in the card's own shape, 960x492 - #271

Merged
sivert-io merged 1 commit into
mainfrom
claude/banner-box-card-aspect
Oct 5, 2026
Merged

sivert-io merged 1 commit into
mainfrom
claude/banner-box-card-aspect

Conversation

@sivert-io

Copy link
Copy Markdown
Member

Why a banner looks different on your card after saving: the server cut every banner to BANNER_BOX at 960x384 (5:2), but the card draws its banner at 320x164 CSS px (about 1.95:1). The stored picture was cut to 5:2, then the card cropped it again with background-size: cover and scaled it up. The editor shows the original file cover-fitted to 320x164, so the two never matched.

BANNER_BOX is now 960x492 (3x the card) with a 480x246 thumbnail. Both the server and the card centre-crop to the same shape, so the saved banner matches what the editor showed.

Banners already stored stay 960x384 until they're uploaded again.

My mistake originally: I set 5:2 when the banner first shipped (GRYT-1610).

🤖 Generated with Claude Code

The banner box was 5:2, but the card shows its banner at 320 by 164.
A saved banner was cut to 5:2, then the card cropped and scaled it
again, so it looked bigger than in the editor that picked it.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
@sivert-io
sivert-io merged commit 4d9fa01 into main Oct 5, 2026
6 checks passed
@sivert-io
sivert-io deleted the claude/banner-box-card-aspect branch October 5, 2026 08:23
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