From 1997f686e597b2139c186c31c8d110872881dab8 Mon Sep 17 00:00:00 2001 From: Damien Allen Date: Sun, 26 May 2024 22:07:52 +0200 Subject: [PATCH] Padding fix --- app/src/components/ControlsForm.tsx | 2 +- app/src/components/MapCanvas.tsx | 2 +- app/src/components/ProcessingStatus.tsx | 5 ++++- 3 files changed, 6 insertions(+), 3 deletions(-) diff --git a/app/src/components/ControlsForm.tsx b/app/src/components/ControlsForm.tsx index bca929b..2fb63bd 100644 --- a/app/src/components/ControlsForm.tsx +++ b/app/src/components/ControlsForm.tsx @@ -23,7 +23,7 @@ const useStyles = createUseStyles({ gap: 8, position: 'relative', '@media (max-width: 720px)': { - padding: 16, + padding: 8, }, }, sliderInput: { diff --git a/app/src/components/MapCanvas.tsx b/app/src/components/MapCanvas.tsx index b4aa664..49dc0f8 100644 --- a/app/src/components/MapCanvas.tsx +++ b/app/src/components/MapCanvas.tsx @@ -25,7 +25,7 @@ const useStyles = createUseStyles({ }) export const MapCanvas = observer(() => { - const { app, contours, ui } = useStores() + const { app, contours } = useStores() const classes = useStyles() const navigate = useNavigate() diff --git a/app/src/components/ProcessingStatus.tsx b/app/src/components/ProcessingStatus.tsx index 9f951af..8442a39 100644 --- a/app/src/components/ProcessingStatus.tsx +++ b/app/src/components/ProcessingStatus.tsx @@ -68,8 +68,11 @@ export const ProcessingStatus = observer(() => { ) : (
contours.randomizeFeature()} onMouseLeave={() => setRoll(getRoll())} + onClick={() => { + contours.randomizeFeature() + setRoll(getRoll()) + }} className={classes.button} > {dice[roll]}