Skip to content

Design: Ticket tear-off stub bespoke layout#302

Merged
melvincarvalho merged 1 commit into
gh-pagesfrom
ticket-stub-design
Jun 11, 2026
Merged

Design: Ticket tear-off stub bespoke layout#302
melvincarvalho merged 1 commit into
gh-pagesfrom
ticket-stub-design

Conversation

@melvincarvalho

Copy link
Copy Markdown
Contributor

Design PR — edits app.js + app.css only (no app files touched).

  • Ticket gets a tear-off event stub layout (class .card.ticket-stub)
    • Horizontal ticket-shaped card with main body (left) and stub side (right)
    • Perforation divider: dashed border + semicircular notch circles (top & bottom)
    • Event name as big bold title, description as subtitle
    • Meta grid: Attendee + Issued date
    • Stub side: ticket number in monospace (rotated 90°), price badge (dark pill), ADMIT ONE label, icon watermark
    • Dark mode support
    • Mobile responsive: stacks vertically, perforation becomes horizontal, stub side becomes row

Gate: 324 apps pass. Task: #IssDesign2_Ticket.

@melvincarvalho melvincarvalho enabled auto-merge (squash) June 11, 2026 00:03
@melvincarvalho melvincarvalho merged commit 6396acf into gh-pages Jun 11, 2026
1 check passed
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