Resized app base font size, with other components in datagrid

Signed-off-by: Aaron Chong <aaronchongth@gmail.com>
open-rmf · Aug 30, 2023 · 473bc4f · 473bc4f
1 parent a5c7aac
commit 473bc4f
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 8 deletions.
diff --git a/packages/dashboard/src/components/app-base.tsx b/packages/dashboard/src/components/app-base.tsx
@@ -16,7 +16,11 @@ import AppBar from './appbar';
 import { AlertStore } from './alert-store';
 
 const DefaultAlertDuration = 2000;
-const defaultTheme = createTheme();
+const defaultTheme = createTheme({
+  typography: {
+    fontSize: 16,
+  },
+});
 
 /**
  * Contains various components that are essential to the app and provides contexts to control them.

diff --git a/packages/react-components/lib/beacons/beacon-table-datagrid.tsx b/packages/react-components/lib/beacons/beacon-table-datagrid.tsx
@@ -29,7 +29,7 @@ export function BeaconDataGridTable({ beacons }: BeaconDataGridTableProps): JSX.
           component="p"
           sx={{
             fontWeight: 'bold',
-            fontSize: 14,
+            fontSize: 16,
           }}
         >
           {params.row.online ? 'ONLINE' : 'OFFLINE'}
@@ -57,7 +57,7 @@ export function BeaconDataGridTable({ beacons }: BeaconDataGridTableProps): JSX.
           component="p"
           sx={{
             fontWeight: 'bold',
-            fontSize: 14,
+            fontSize: 16,
           }}
         >
           {params.row.activated ? 'ON' : 'OFF'}

diff --git a/packages/react-components/lib/doors/door-table-datagrid.tsx b/packages/react-components/lib/doors/door-table-datagrid.tsx
@@ -58,7 +58,7 @@ export function DoorDataGridTable({ doors }: DoorDataGridTableProps): JSX.Elemen
           component="p"
           sx={{
             fontWeight: 'bold',
-            fontSize: 14,
+            fontSize: 16,
           }}
         >
           {healthStatusToOpMode(params.row.opMode)}
@@ -101,7 +101,7 @@ export function DoorDataGridTable({ doors }: DoorDataGridTableProps): JSX.Elemen
           component="p"
           sx={{
             fontWeight: 'bold',
-            fontSize: 14,
+            fontSize: 16,
           }}
         >
           {params.row.doorState ? doorModeToString(params.row.doorState.current_mode.value) : -1}

diff --git a/packages/react-components/lib/lifts/lift-table-datagrid.tsx b/packages/react-components/lib/lifts/lift-table-datagrid.tsx
@@ -67,7 +67,7 @@ export function LiftDataGridTable({ lifts }: LiftDataGridTableProps): JSX.Elemen
           component="p"
           sx={{
             fontWeight: 'bold',
-            fontSize: 14,
+            fontSize: 16,
           }}
         >
           {healthStatusToOpMode(params.row.opMode)}
@@ -117,7 +117,7 @@ export function LiftDataGridTable({ lifts }: LiftDataGridTableProps): JSX.Elemen
           sx={{
             marginRight: params.row?.doorState === LiftStateModel.DOOR_OPEN ? 4 : 2,
             fontWeight: 'bold',
-            fontSize: 14,
+            fontSize: 16,
             display: 'inline-block',
           }}
         >

diff --git a/packages/react-components/lib/robots/robot-table-datagrid.tsx b/packages/react-components/lib/robots/robot-table-datagrid.tsx
@@ -63,7 +63,7 @@ export function RobotDataGridTable({ onRobotClick, robots }: RobotDataGridTableP
           component="p"
           sx={{
             fontWeight: 'bold',
-            fontSize: 14,
+            fontSize: 16,
           }}
         >
           {robotStatusToUpperCase(params.row.status)}