natib21
ea8198f8a8
style: reduce horizontal padding on fleet dashboards
...
Add px="lg" (24px) to all Container components:
- FleetDashboard
- FuelPurchasePage
- FuelStatsPage
- MaintenancePage
- FinancialReportsPage
- TrackingPage
Reduces left/right padding from default to 24px,
making better use of horizontal screen space.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-06-30 14:13:58 +00:00
natib21
69d1d3073f
style: standardize dashboard padding
...
All fleet pages now use consistent layout:
- Container size: xl
- Vertical padding: xl
Pages updated:
- FleetDashboard: size="xl" py="xl" (unchanged)
- FuelPurchasePage: lg → xl
- FuelStatsPage: lg → xl
- MaintenancePage: Added Container wrapper (xl, xl)
- FinancialReportsPage: Added Container wrapper (xl, xl)
Uniform spacing across all fleet management dashboards.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-06-30 13:59:20 +00:00
natib21
5af7f0606b
style: apply consistent branding across fleet pages
...
Import freightBrand theme from @/theme/freight-brand
Color updates:
- Primary buttons: color="edr-green"
- Stat cards: top border #1B9E7A (freightBrand.primary)
- Status badges:
* Active/Completed: edr-green
* In Progress: edr-amber-soft
* Maintenance: edr-amber-soft
* Overdue: edr-red
* Unassigned: edr-slate
- Ring progress:
* Fuel: edr-accent (#F2A516)
* Maintenance: edr-red
- Progress bars: edr-green, edr-red, edr-amber-soft
- Icons: Use edr-green, edr-blue, edr-accent, edr-red per metric
Pages updated:
- FleetDashboard: All metrics, progress bars, badges
- FuelPurchasePage: Record button
- MaintenancePage: Schedule button, badges
- FinancialReportsPage: Ring progress colors
Consistent palette across all fleet pages.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-06-30 13:52:27 +00:00
natib21
8e0cc7d5ee
fix: vehicles data extraction in maintenance + financial pages
...
Both MaintenancePage and FinancialReportsPage were calling
vehiclesService.getAll() but not extracting res.data property.
Result was vehicles being undefined, causing .map error.
Fixed to match FuelPurchasePage pattern:
const res = await vehiclesService.getAll()
return res.data || []
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-06-30 13:10:47 +00:00
natib21
373c0356f2
feat: maintenance + financial reports frontend
...
MaintenancePage:
- Schedule maintenance (PREVENTIVE/CORRECTIVE/INSPECTION/REPAIR)
- View upcoming by vehicle
- Modal form with date, cost, provider, notes
FinancialReportsPage:
- Aggregate fuel + maintenance costs
- Period selector (3/6/12 months)
- Cost breakdown (percentages, ring progress)
- Operating insights (purchases, efficiency, items, avg cost)
- Cost per month calculation
Routes:
- /dashboard/maintenance
- /dashboard/financial-reports
Sidebar:
- "Maintenance" in Fleet Management
- "Financial Reports" in Fleet Management
QUERY_KEYS:
- FUEL, MAINTENANCE, FINANCIAL_REPORTS cache patterns
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com >
2026-06-30 12:41:23 +00:00
