✨ Added new order button - Githubissues

Ealanisln / ready-set

On-demand courier that specializes in delivery for all your needs. We are Food Safety, and HIPPA Certified. Our team can meet all your Bay Area delivery needs.

https://readysetllc.com

MIT License

0 stars 0 forks source link

✨ Added new order button #13

Closed Ealanisln closed 2 days ago

Ealanisln commented 2 days ago

Issue resolved: Adjusted card layout with two buttons

Changes implemented:

Updated the Card component to include two buttons with routing functionality.
Used Next.js Link component for navigation instead of plain buttons.
Improved spacing between buttons by changing space-y-4 to space-y-6 in CardContent.
Added block class to Link components for better layout control.
Maintained responsive design with w-full max-w-sm on the Card.
Kept visual hierarchy with primary and outline button variants.

Final component structure:

Card wrapper with max width
CardContent with increased vertical spacing
Two full-width Link components, each containing a Button
Buttons styled appropriately for primary and secondary actions
Routing set up for "/catering-request".
User link will be added later since a new form should be created.

The updated component provides a clean, responsive layout with clear call-to-action buttons and improved user navigation.

vercel[bot] commented 2 days ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ready-set	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 1, 2024 10:59pm