Tria/edr-platform
1
0
Fork 0
mirror of https://github.com/Tria-plc/edr-platform.git synced 2026-09-08 21:48:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: WIP ui updates

Browse Source
This commit is contained in:
Nathnael
2026-06-22 07:44:03 +00:00
parent e6101c5514
commit 9a224e9baf
14 changed files with 515 additions and 565 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/edr-freight-web/backoffice/src/pages/fleet/FleetResourcePage.tsx
View File

@@ -3,6 +3,7 @@ import { Navigate, useLocation } from "react-router-dom";
import type { ColumnDef } from "@edr/ui-common";
import { Box, Button, Card, Group, Modal, Select, Stack, Text } from "@mantine/core";
import { PageContainer } from "@/components/page";
import FleetCardGrid from "@/components/fleet/FleetCardGrid";
import FleetFormDialog from "@/components/fleet/FleetFormDialog";
import FleetRecordActions from "@/components/fleet/FleetRecordActions";
@@ -291,8 +292,8 @@ const FleetResourcePage = () => {
const itemLabel = config.label.toLowerCase();
return (
<Stack gap="md">
<Card radius="lg" padding={0} withBorder style={{ borderColor: "var(--mantine-color-gray-2)" }}>
<PageContainer>
<Card radius="lg" padding={0} withBorder>
<Stack gap={0}>
<Box px="md" pt="md" pb="sm" w="100%">
<FleetToolbar
@@ -435,7 +436,7 @@ const FleetResourcePage = () => {
</Group>
</Stack>
</Modal>
</Stack>
</PageContainer>
);
};

13
apps/edr-freight-web/backoffice/src/pages/fleet/RoutesPage.tsx
View File

@@ -17,6 +17,7 @@ import {
Tooltip,
} from "@mantine/core";
import { PageContainer } from "@/components/page";
import FleetToolbar from "@/components/fleet/FleetToolbar";
import { useFleetViewMode } from "@/components/fleet/useFleetViewMode";
import RuleEngineListFooter from "@/components/ruleEngine/RuleEngineListFooter";
@@ -241,7 +242,7 @@ export default function RoutesPage() {
header: "Status",
meta: { headerClassName, cellClassName },
cell: ({ row }) => (
<Badge color={row.original.isActive ? "green" : "gray"} variant="light" size="sm">
<Badge color={row.original.isActive ? "edr-green" : "gray"} variant="light" size="sm">
{row.original.isActive ? "Active" : "Inactive"}
</Badge>
),
@@ -279,8 +280,8 @@ export default function RoutesPage() {
}, [deactivateMutation.isPending]);
return (
<Stack gap="md">
<Card radius="lg" padding={0} withBorder style={{ borderColor: "var(--mantine-color-gray-2)" }}>
<PageContainer>
<Card radius="lg" padding={0} withBorder>
<Stack gap={0}>
<Box px="md" pt="md" pb="sm" w="100%">
<FleetToolbar
@@ -338,7 +339,7 @@ export default function RoutesPage() {
<Stack gap="sm">
<Group justify="space-between">
<Text fw={600}>{route.name}</Text>
<Badge color={route.isActive ? "green" : "gray"} variant="light" size="sm">
<Badge color={route.isActive ? "edr-green" : "gray"} variant="light" size="sm">
{route.isActive ? "Active" : "Inactive"}
</Badge>
</Group>
@@ -431,7 +432,7 @@ export default function RoutesPage() {
<Button variant="default" type="button" onClick={resetForm}>
Cancel
</Button>
<Button color="green" type="submit" loading={isSaving}>
<Button color="edr-green" type="submit" loading={isSaving}>
Save
</Button>
</Group>
@@ -484,6 +485,6 @@ export default function RoutesPage() {
</Stack>
) : null}
</Modal>
</Stack>
</PageContainer>
);
}