diff --git a/.changelog/601.bugfix.md b/.changelog/601.bugfix.md new file mode 100644 index 000000000..39801f588 --- /dev/null +++ b/.changelog/601.bugfix.md @@ -0,0 +1 @@ +Fix info icon missing on mobile diff --git a/src/app/pages/HomePage/index.tsx b/src/app/pages/HomePage/index.tsx index 19e328e68..e0ebf86ee 100644 --- a/src/app/pages/HomePage/index.tsx +++ b/src/app/pages/HomePage/index.tsx @@ -114,18 +114,12 @@ const InfoScreenBtn = styled(IconButton)(({ theme }) => ({ zIndex: zIndexHomePage.paraTimeSelector, })) -const Banners = styled(Box)(() => ({ theme }) => ({ - [theme.breakpoints.down('md')]: { - position: 'absolute', - }, -})) - const localStore = storage() export const HomePage: FC = () => { const { t } = useTranslation() const infoAriaLabel = t('home.helpScreen.infoIconAria') - const { isMobile } = useScreenSize() + const { isMobile, isTablet } = useScreenSize() const { network } = useSearchQueryNetworkParam() const isApiReachable = useIsApiReachable(network).reachable @@ -182,7 +176,11 @@ export const HomePage: FC = () => { - {!isMobile &&