Tria/edr-platform
1
0
Fork 0
mirror of https://github.com/Tria-plc/edr-platform.git synced 2026-09-07 22:25:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: reduce horizontal padding on fleet dashboards

Browse Source 
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>
This commit is contained in:
natib21
2026-06-30 14:13:58 +00:00
parent 2e1c720b86
commit ea8198f8a8
6 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/edr-freight-web/backoffice/src/pages/fleet/FinancialReportsPage.tsx
View File

@@ -91,7 +91,7 @@ export function FinancialReportsPage() {
); );
return ( return (
<Container size="xl" py="xl"> <Container size="xl" py="xl" px="lg">
<Stack gap="md"> <Stack gap="md">
<Card> <Card>
<Card.Section p="md" withBorder> <Card.Section p="md" withBorder>

2
apps/edr-freight-web/backoffice/src/pages/fleet/FleetDashboard.tsx
View File

@@ -131,7 +131,7 @@ export function FleetDashboard() {
const fuelPercent = operatingCost > 0 ? Math.round((metrics.totalFuelSpend / operatingCost) * 100) : 0; const fuelPercent = operatingCost > 0 ? Math.round((metrics.totalFuelSpend / operatingCost) * 100) : 0;
return ( return (
<Container size="xl" py="xl"> <Container size="xl" py="xl" px="lg">
<Breadcrumbs items={[{ label: 'Fleet' }, { label: 'Dashboard' }]} /> <Breadcrumbs items={[{ label: 'Fleet' }, { label: 'Dashboard' }]} />
<Box mb="xl"> <Box mb="xl">

2
apps/edr-freight-web/backoffice/src/pages/fleet/FuelPurchasePage.tsx
View File

@@ -119,7 +119,7 @@ export default function FuelPurchasePage() {
const totalCost = formData.liters * formData.costPerLiter; const totalCost = formData.liters * formData.costPerLiter;
return ( return (
<Container size="xl" py="xl"> <Container size="xl" py="xl" px="lg">
<Breadcrumbs items={[{ label: "Fleet" }, { label: "Fuel Management" }, { label: "Record Purchase" }]} /> <Breadcrumbs items={[{ label: "Fleet" }, { label: "Fuel Management" }, { label: "Record Purchase" }]} />
<Group justify="space-between" mb="lg"> <Group justify="space-between" mb="lg">

2
apps/edr-freight-web/backoffice/src/pages/fleet/FuelStatsPage.tsx
View File

@@ -57,7 +57,7 @@ export default function FuelStatsPage() {
: "—"; : "—";
return ( return (
<Container size="xl" py="xl"> <Container size="xl" py="xl" px="lg">
<Breadcrumbs items={[{ label: "Fleet" }, { label: "Fuel Management" }, { label: "Statistics" }]} /> <Breadcrumbs items={[{ label: "Fleet" }, { label: "Fuel Management" }, { label: "Statistics" }]} />
<Group justify="space-between" mb="lg"> <Group justify="space-between" mb="lg">

2
apps/edr-freight-web/backoffice/src/pages/fleet/MaintenancePage.tsx
View File

@@ -87,7 +87,7 @@ export function MaintenancePage() {
}; };
return ( return (
<Container size="xl" py="xl"> <Container size="xl" py="xl" px="lg">
<Stack gap="md"> <Stack gap="md">
<Card> <Card>
<Card.Section p="md" withBorder> <Card.Section p="md" withBorder>

2
apps/edr-freight-web/backoffice/src/pages/fleet/TrackingPage.tsx
View File

@@ -72,7 +72,7 @@ export function TrackingPage() {
}); });
return ( return (
<Container size="xl" py="xl"> <Container size="xl" py="xl" px="lg">
<Breadcrumbs items={[{ label: 'Fleet' }, { label: 'Vehicle Tracking' }]} /> <Breadcrumbs items={[{ label: 'Fleet' }, { label: 'Vehicle Tracking' }]} />
<Stack gap="xl"> <Stack gap="xl">