Normalize molecules: fix StepIndicator timing + spacing, ProviderCardCompact consistency
- StepIndicator: transition 300ms → 150ms (system convention) - StepIndicator: raw px gap/margin strings → MUI spacing values - StepIndicator: borderRadius '5px' → var(--fa-border-radius-full) - StepIndicator: mobile font size 10px → 11px (D020 minimum floor) - ProviderCardCompact: star icon colour → warning.main (match ProviderCard) - ProviderCardCompact: meta icon fontSize 16 → 14 (match ProviderCard/VenueCard) Phase 2.1 retroactive review: molecules normalize Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -101,7 +101,7 @@ export const ProviderCardCompact = React.forwardRef<HTMLDivElement, ProviderCard
|
||||
|
||||
{/* Location */}
|
||||
<Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>
|
||||
<LocationOnOutlinedIcon sx={{ fontSize: 16, color: 'text.secondary' }} aria-hidden />
|
||||
<LocationOnOutlinedIcon sx={{ fontSize: 14, color: 'text.secondary' }} aria-hidden />
|
||||
<Typography variant="body2" color="text.secondary">
|
||||
{location}
|
||||
</Typography>
|
||||
@@ -110,10 +110,7 @@ export const ProviderCardCompact = React.forwardRef<HTMLDivElement, ProviderCard
|
||||
{/* Rating */}
|
||||
{rating != null && (
|
||||
<Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>
|
||||
<StarRoundedIcon
|
||||
sx={{ fontSize: 16, color: 'var(--fa-color-brand-500)' }}
|
||||
aria-hidden
|
||||
/>
|
||||
<StarRoundedIcon sx={{ fontSize: 14, color: 'warning.main' }} aria-hidden />
|
||||
<Typography variant="caption" color="text.secondary">
|
||||
{rating} Rating
|
||||
{reviewCount != null
|
||||
|
||||
Reference in New Issue
Block a user