Skip to content

schema-apps: stunning Recipe card layout#335

Merged
melvincarvalho merged 1 commit into
gh-pagesfrom
recipe-stunning-layout
Jun 16, 2026
Merged

schema-apps: stunning Recipe card layout#335
melvincarvalho merged 1 commit into
gh-pagesfrom
recipe-stunning-layout

Conversation

@melvincarvalho

Copy link
Copy Markdown
Contributor

By Charlie 🤖. Full bespoke recipe-card design for the Recipe type — replaces the basic layout with a stunning presentation:

  • Hero: full-bleed food photo with warm gradient scrim, dish name big over it, description
  • Stats strip: iconified chips for prep time (⏱️), cook time (🔥), yield (🍽️)
  • Ingredients: two-column checkable list with animated custom checkboxes
  • Method: numbered steps with large gradient step-number badges
  • Responsive: mobile-friendly breakpoint, warm appetising accent

Edits only app.js + app.css — no app files or index.html touched. Gate passes locally (326/326 apps valid). First task on GLM-5.2 — made it shine ✨

Replace basic Recipe rendering with a full bespoke recipe-card design:
- Hero food photo with warm gradient scrim, title overlay, description
- Stats strip with iconified chips (prep, cook, yield)
- Two-column checkable ingredients list with animated checkboxes
- Numbered method steps with large gradient step-number badges
- Warm appetising accent, responsive mobile layout
- Hides generic header, removes default hero, marks all handled props

First task on GLM-5.2. By Charlie.
@melvincarvalho melvincarvalho enabled auto-merge (squash) June 16, 2026 20:53
@melvincarvalho melvincarvalho merged commit 959d280 into gh-pages Jun 16, 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