Hammer/resize

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.

packages/dashboard/src/components/app.css

@@ -1,6 +1,29 @@
-html, body, #root {
+html,
+body,
+#root {
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
 }
+
+.leaflet-touch .leaflet-bar a {
+  width: 60px;
+  height: 60px;
+  line-height: 60px;
+}
+
+.leaflet-touch .leaflet-control-zoom-in,
+.leaflet-touch .leaflet-control-zoom-out {
+  font-size: 44px;
+}
+
+.leaflet-touch .leaflet-control-layers-toggle {
+  width: 60px;
+  height: 60px;
+}
+
+.leaflet-control-layers label {
+  display: block;
+  font-size: 2.16em;
+}

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'}

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}

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',
           }}
         >

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)}