Skip to content

feat(hero-cta): paprika-bordered pill button instead of plain text link - #447

Open
laichunpongben wants to merge 1 commit into
mainfrom
feat/hero-cta-button-style
Open

feat(hero-cta): paprika-bordered pill button instead of plain text link#447
laichunpongben wants to merge 1 commit into
mainfrom
feat/hero-cta-button-style

Conversation

@laichunpongben

Copy link
Copy Markdown
Owner

Promotes "Browse all dishes →" from a plain underlined link to a paprika-bordered pill button: 1.5px paprika border, 0.65×1.2rem padding, 999px radius, subtle paprika tint at rest.

Hover: fills paprika + flips text to bg color + 1px lift. Reads as a real CTA instead of incidental link text.

Fraunces display font + 1rem size, slightly bigger than the prior 0.95rem. More margin-top (0.8 -> 1.5rem) so the button has breathing room from SearchBar.

Files:

  • src/styles/global.css (+18 / -3)

Generated with Claude Code

Promotes "Browse all dishes →" from a plain underlined link to a proper paprika-bordered pill button: 1.5px paprika border, 0.65×1.2rem padding, 999px radius, subtle paprika tint background at rest.

Hover: fills paprika + flips text to bg color + 1px lift. Reads as a real CTA instead of incidental link text.

Fraunces display font + 1rem size, slightly bigger than the prior 0.95rem. More margin-top (0.8 -> 1.5rem) so the button has breathing room from the SearchBar above.

Co-Authored-By: Claude Opus 4.7 (1M context) <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