Skip to content

fix: OG image footer + white strip - #8

Merged
chrisschouk merged 1 commit into
mainfrom
fix/og-image-footer
Jun 12, 2026
Merged

fix: OG image footer + white strip#8
chrisschouk merged 1 commit into
mainfrom
fix/og-image-footer

Conversation

@chrisschouk

Copy link
Copy Markdown
Owner

The OG card was rendered at device-scale 2, where headless chromium reports innerHeight ~543 (not 630). The footer row (datasink.dev · validate · dedupe · enrich · research · dots) fell just below the captured viewport, and the default-white html showed as a strip at the bottom.

Fix: render in a 717px-tall window (so innerHeight = 630, full card paints), crop to 1200×630, and set a dark html background as belt-and-braces. Footer restored, no white strip, crisp at 2×.

🤖 Generated with Claude Code

The card was rendered at device-scale 2, where headless chromium's innerHeight
is ~543 (not 630), so the footer row sat below the captured viewport and the
default-white html showed as a strip. Render in a 717px-tall window (innerHeight
becomes 630) and crop to 1200x630 so the full card — datasink.dev footer + dots
— is captured, with a dark html background as belt-and-braces.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@chrisschouk
chrisschouk merged commit 34e91e7 into main Jun 12, 2026
1 of 2 checks passed
@chrisschouk
chrisschouk deleted the fix/og-image-footer branch June 12, 2026 08:05
@vercel

vercel Bot commented Jun 12, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
sink-web Error Error Jun 12, 2026 8:06am

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