From a5c7aacda9ed945847e44ecab8535b2b4ca02209 Mon Sep 17 00:00:00 2001 From: Aaron Chong Date: Wed, 30 Aug 2023 17:47:33 +0000 Subject: [PATCH 1/2] Map resized Signed-off-by: Aaron Chong --- packages/dashboard/src/components/app.css | 25 ++++++++++++++++++++++- 1 file changed, 24 insertions(+), 1 deletion(-) diff --git a/packages/dashboard/src/components/app.css b/packages/dashboard/src/components/app.css index 478158e80..f62576c97 100644 --- a/packages/dashboard/src/components/app.css +++ b/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; +} From 473bc4fe35b00ff5209a0f412b18f8fba9094a6c Mon Sep 17 00:00:00 2001 From: Aaron Chong Date: Wed, 30 Aug 2023 18:01:16 +0000 Subject: [PATCH 2/2] Resized app base font size, with other components in datagrid Signed-off-by: Aaron Chong --- packages/dashboard/src/components/app-base.tsx | 6 +++++- .../react-components/lib/beacons/beacon-table-datagrid.tsx | 4 ++-- packages/react-components/lib/doors/door-table-datagrid.tsx | 4 ++-- packages/react-components/lib/lifts/lift-table-datagrid.tsx | 4 ++-- .../react-components/lib/robots/robot-table-datagrid.tsx | 2 +- 5 files changed, 12 insertions(+), 8 deletions(-) diff --git a/packages/dashboard/src/components/app-base.tsx b/packages/dashboard/src/components/app-base.tsx index 8bad8383c..94c1ccdf5 100644 --- 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 index aea80ccf3..899d956fd 100644 --- 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 index b7d2f4b4f..3601e5545 100644 --- 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 index 3fb080476..020d788ca 100644 --- 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 index 1e20dc5a4..55662f839 100644 --- 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)}