Modernize Personal Info component and button styling

Featurekamo-register
Shipped
October 23, 2025 at 10:33 PM UTC
Author
snadjafinia
Commit
823e65a

PERSONAL INFO MODERNIZATION: - Remove card wrapper for cleaner, integrated look - Update header to use var(--color-primary) from globals.css - Increase icon size to 36px for better visual hierarchy - Remove unnecessary Divider - Increase field spacing to 3 (from 2) for better breathing room - Add consistent 2px border width to all text fields - Add 'Optional' helper text to Middle Name field - Remove Card, CardContent, Divider from imports BUTTON STYLING: - Back button now uses var(--color-primary) color - Next/Finish buttons use var(--color-primary) background - Hover states use var(--color-primary-light) - Increased font weight to 600 for better readability - Professional hover effect on Back button - Consistent styling across all navigation buttons - CircularProgress on Finish button uses white color

All changes

Like what you see shipping?

Every one of these updates lands in your workspace automatically. Start free and watch it grow week after week.

Start Free ForeverView Pricing