From ec49b28e2da2dfb66b00e89d74faa9f62a432c5b Mon Sep 17 00:00:00 2001 From: Anton Tananaev Date: Mon, 6 Mar 2023 15:12:43 -0800 Subject: Smaller icons on desktop --- modern/src/map/MapPositions.js | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/modern/src/map/MapPositions.js b/modern/src/map/MapPositions.js index ba510209..ec319939 100644 --- a/modern/src/map/MapPositions.js +++ b/modern/src/map/MapPositions.js @@ -1,5 +1,7 @@ import { useId, useCallback, useEffect } from 'react'; import { useSelector } from 'react-redux'; +import { useMediaQuery } from '@mui/material'; +import { useTheme } from '@mui/styles'; import { map } from './core/MapView'; import { formatTime, getStatusColor } from '../common/util/formatter'; import { mapIconKey } from './core/preloadImages'; @@ -11,9 +13,12 @@ const MapPositions = ({ positions, onClick, showStatus, selectedPosition, titleF const clusters = `${id}-clusters`; const direction = `${id}-direction`; + const theme = useTheme(); + const desktop = useMediaQuery(theme.breakpoints.up('md')); + const devices = useSelector((state) => state.devices.items); - const iconScale = useAttributePreference('iconScale', 1); + const iconScale = useAttributePreference('iconScale', desktop ? 0.75 : 1); const mapCluster = useAttributePreference('mapCluster', true); const hours12 = usePreference('twelveHourFormat'); const directionType = useAttributePreference('mapDirection', 'selected'); -- cgit v1.2.3