From c7d24540bd0f03e4175335a597d44cc48dbb8e42 Mon Sep 17 00:00:00 2001 From: Anton Tananaev Date: Tue, 24 May 2022 09:49:50 -0700 Subject: Fix status card position --- modern/src/main/MainPage.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'modern') diff --git a/modern/src/main/MainPage.js b/modern/src/main/MainPage.js index 9190edd7..c33df655 100644 --- a/modern/src/main/MainPage.js +++ b/modern/src/main/MainPage.js @@ -76,13 +76,13 @@ const useStyles = makeStyles((theme) => ({ statusCard: { position: 'fixed', zIndex: 5, - [theme.breakpoints.up('sm')]: { + [theme.breakpoints.up('md')]: { left: `calc(50% + ${theme.dimensions.drawerWidthDesktop} / 2)`, bottom: theme.spacing(3), }, [theme.breakpoints.down('md')]: { left: '50%', - bottom: theme.spacing(3) + theme.dimensions.bottomBarHeight, + bottom: `calc(${theme.spacing(3)} + ${theme.dimensions.bottomBarHeight}px)`, }, transform: 'translateX(-50%)', }, -- cgit v1.2.3