Description
The current file upload area is utilitarian and blends into the UI. Improving its visual design by adding a dashed border, a clear upload icon, and helpful microcopy will make it easier for users to find and use the upload feature, and will give the app a more polished, modern look.
Implementation Notes
Use CSS/Tailwind utilities for dashed borders and hover/focus states.
Keep animations subtle and performant (avoid long-running animations).
Follow accessibility best practices (aria-label, keyboard operability, announcements for errors/success).
Description
The current file upload area is utilitarian and blends into the UI. Improving its visual design by adding a dashed border, a clear upload icon, and helpful microcopy will make it easier for users to find and use the upload feature, and will give the app a more polished, modern look.
Implementation Notes
Use CSS/Tailwind utilities for dashed borders and hover/focus states.
Keep animations subtle and performant (avoid long-running animations).
Follow accessibility best practices (aria-label, keyboard operability, announcements for errors/success).