Skip to content

UI: RSVP + link above flyer, star outside card#164

Draft
snackman wants to merge 15 commits into
masterfrom
ui/buttons-above-flyer
Draft

UI: RSVP + link above flyer, star outside card#164
snackman wants to merge 15 commits into
masterfrom
ui/buttons-above-flyer

Conversation

@snackman

@snackman snackman commented May 6, 2026

Copy link
Copy Markdown
Owner

Summary

  • Star/plan button (+) moved outside card on the left
  • RSVP and copy-link buttons positioned above the flyer thumbnail inside the card
  • Flyer image enlarged to 106px/140px
  • New EventCardActions component exported for external star button rendering
  • OGImage accepts optional className prop for custom width

Preview

Check Vercel preview deployment

🤖 Generated with Claude Code

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@vercel

vercel Bot commented May 6, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
sheeets Ready Ready Preview, Comment May 6, 2026 5:21am

Request Review

Move star, RSVP, and link buttons into a row above the flyer
inside the card instead of having star outside.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
On mobile, time and address appear on one line (e.g. "2:00pm-4:00pm · Venue Name").
Calendar icon and separate address row hidden on mobile.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Start time + location on first line, end time below in smaller
muted text — same stacked pattern as mobile table view.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Action buttons (+, RSVP, link) and reactions/friends now live in a
single strip along the bottom of each card with a subtle top border.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Tall images are now capped at 106px/140px height (matching width)
with object-cover to prevent cards from stretching.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…star color

- Map popup cards and table modal now use buttonsAboveFlyer layout
- Lightbox StarButton forced white for light mode visibility

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
All flyers now display at a consistent 60vh height in the lightbox,
preventing layout shifts when navigating between images.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Outer padding: 16px → 12px
- Image-to-details gap: 16px → 10px
- Tag row margin: 12px → 8px
- Bottom strip margin: 8px → 6px
- List item spacing: 12px → 8px

~25-30% more events visible on screen.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Time and address now on one line: "11:00a-2:00p · Venue Name"
with truncation on long addresses.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
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