Skip to content

Conversation

@paveg
Copy link
Owner

@paveg paveg commented Jan 3, 2026

Summary

  • Add min-w-0 to Card component to override grid item's default min-width: auto
  • Add overflow-hidden to image container to clip overflowing content
  • Fixes issue where large preview images could exceed viewport width in grid layouts

Test plan

  • Verify preview panel stays within screen bounds on desktop
  • Test with various image sizes (small, medium, large)
  • Check responsive behavior on mobile breakpoints

🤖 Generated with Claude Code

- Add min-w-0 to Card component to override grid item's default min-width: auto
- Add overflow-hidden to image container to clip overflowing content

This fixes an issue where large preview images could cause the PreviewPanel
to exceed the viewport width in grid layouts using 1fr columns.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@cloudflare-workers-and-pages
Copy link

cloudflare-workers-and-pages bot commented Jan 3, 2026

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
devcard 7b07af3 Commit Preview URL

Branch Preview URL
Jan 03 2026, 08:50 AM

@paveg paveg merged commit a02e0f8 into main Jan 3, 2026
6 checks passed
@paveg paveg deleted the fix/preview-panel-overflow branch January 3, 2026 08:54
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.

2 participants