diff options
author | Jari Vetoniemi <jari.vetoniemi@indooratlas.com> | 2020-11-06 00:47:27 +0900 |
---|---|---|
committer | Jari Vetoniemi <jari.vetoniemi@indooratlas.com> | 2020-11-06 00:47:27 +0900 |
commit | 81b71db4fd878942283aa9150421f1ac908c7ae9 (patch) | |
tree | 36e94f4e811eace0b260c4064a852696f0ce52b5 /src/App.js | |
parent | ca146ee19fde17f92bdcafdbf79782bc1558001b (diff) |
Do not use app bar for bottom toolbar
Diffstat (limited to 'src/App.js')
-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> </> ) } |