diff --git a/src/admin/pages/Vehicles.tsx b/src/admin/pages/Vehicles.tsx index 5464d37..07c2470 100644 --- a/src/admin/pages/Vehicles.tsx +++ b/src/admin/pages/Vehicles.tsx @@ -230,7 +230,7 @@ export default function Vehicles() { } const columns: DataColumn[] = [ - { key: "spz", header: "SPZ", mono: true, render: (v) => v.spz }, + { key: "spz", header: "SPZ", mono: true, bold: true, render: (v) => v.spz }, { key: "name", header: "Název", render: (v) => v.name }, { key: "brand", @@ -250,6 +250,7 @@ export default function Vehicles() { header: "Aktuální km", align: "right", mono: true, + bold: true, render: (v) => `${formatKm(v.current_km)} km`, }, { diff --git a/src/admin/ui/DataTable.tsx b/src/admin/ui/DataTable.tsx index b4126c9..dfcc234 100644 --- a/src/admin/ui/DataTable.tsx +++ b/src/admin/ui/DataTable.tsx @@ -12,6 +12,8 @@ export interface DataColumn { align?: "left" | "right"; /** Render the cell with the DM Mono numeric face. */ mono?: boolean; + /** Emphasize the cell (font-weight 500). */ + bold?: boolean; render: (row: T) => ReactNode; } @@ -67,7 +69,10 @@ export default function DataTable({ align={c.align} sx={{ fontSize: ".8rem", - ...(c.mono ? { fontFamily: "'DM Mono', monospace" } : {}), + ...(c.bold ? { fontWeight: 500 } : {}), + ...(c.mono + ? { fontFamily: "'DM Mono', Menlo, monospace" } + : {}), }} > {c.render(row)}