diff options
-rw-r--r-- | src/App.js | 23 |
1 files changed, 11 insertions, 12 deletions
@@ -360,7 +360,8 @@ function StoreView(props) { paddingBottom: 65, }, stickyBottom: { - top: 'auto', + position: 'fixed', + width: '100%', bottom: 0, }, search: { @@ -401,17 +402,15 @@ function StoreView(props) { <StoreCarousel name='Popular' data={data} loading={!loaded}/> <StoreList name='Latest' data={data} loading={!loaded}/> </Paper> - <AppBar position="fixed" className={classes.stickyBottom}> - <BottomNavigation - value='store' - onChange={(event, newValue) => {}} - showLabels - > - <BottomNavigationAction label={t('Store')} value='store' icon={<StoreIcon/>} /> - <BottomNavigationAction label={t('Library')} value='library' icon={<LibraryBooksIcon/>} /> - <BottomNavigationAction label={t('Account')} value='account' icon={<AccountCircleIcon/>} /> - </BottomNavigation> - </AppBar> + <BottomNavigation className={classes.stickyBottom} + value='store' + onChange={(event, newValue) => {}} + showLabels + > + <BottomNavigationAction label={t('Store')} value='store' icon={<StoreIcon/>} /> + <BottomNavigationAction label={t('Library')} value='library' icon={<LibraryBooksIcon/>} /> + <BottomNavigationAction label={t('Account')} value='account' icon={<AccountCircleIcon/>} /> + </BottomNavigation> </> ) } |