Style: UI improvements - Mascot image

[JDiaz824]

Summary

• Improved button styling and responsiveness on Generate Recipes page
• Added mascot camera image to file upload component
• Added mascot loading animation gif

Changes

Button Fixes (src/app/generate/page.tsx)

• Made buttons stack on mobile, side-by-side on desktop (flex-col sm:flex-row)
• Centered green.png background on Generate Recipes button
• Fixed excessive height on "Upload Different Image" button
• Increased button padding and text size for better visibility

File Upload (src/components/FileUpload.tsx)

• Replaced camera emoji with mascot_camera.png (125x125)

Loading Animation (src/app/generate/page.tsx)

• Replaced green spinner with mascot_buffer_cutting.gif

New Assets

• public/mascot_camera.png
• public/mascot_buffer_cutting.gif

Test Plan

• View /generate page on mobile - buttons should stack
• View /generate page on desktop - buttons side-by-side
• Verify mascot camera image shows in upload area
• Upload image and verify mascot loading gif appears

[vercel]

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

Project	Deployment	Review	Updated (UTC)
mealcraft	Ready	Preview, Comment	Jan 25, 2026 6:27am