Shrink the footer a bit

zio/stable
Paul Frazee 2022-11-22 12:02:45 -06:00
parent c2a39d7c1f
commit 79688cd042
1 changed files with 8 additions and 4 deletions

View File

@ -308,7 +308,11 @@ export const MobileShell: React.FC = observer(() => {
tabMenuInterp={tabMenuInterp} tabMenuInterp={tabMenuInterp}
onClose={() => toggleTabsMenu(false)} onClose={() => toggleTabsMenu(false)}
/> />
<SafeAreaView style={styles.bottomBar}> <View
style={[
styles.bottomBar,
{paddingBottom: clamp(safeAreaInsets.bottom, 15, 30)},
]}>
<Btn <Btn
icon={isAtHome ? 'home-solid' : 'home'} icon={isAtHome ? 'home-solid' : 'home'}
onPress={onPressHome} onPress={onPressHome}
@ -331,7 +335,7 @@ export const MobileShell: React.FC = observer(() => {
icon={isMainMenuActive ? 'menu-solid' : 'menu'} icon={isMainMenuActive ? 'menu-solid' : 'menu'}
onPress={onPressMenu} onPress={onPressMenu}
/> />
</SafeAreaView> </View>
<MainMenu <MainMenu
active={isMainMenuActive} active={isMainMenuActive}
onClose={() => setMainMenuActive(false)} onClose={() => setMainMenuActive(false)}
@ -483,11 +487,11 @@ const styles = StyleSheet.create({
ctrl: { ctrl: {
flex: 1, flex: 1,
paddingTop: 15, paddingTop: 15,
paddingBottom: 15, paddingBottom: 5,
}, },
notificationCount: { notificationCount: {
position: 'absolute', position: 'absolute',
left: 46, left: '60%',
top: 10, top: 10,
backgroundColor: colors.red3, backgroundColor: colors.red3,
paddingHorizontal: 4, paddingHorizontal: 4,