zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Increase information density and enlarge some click targets

Browse source
This commit is contained in:
Paul Frazee 2022-11-28 09:13:37 -06:00
parent 9c4f62ffeb
commit e3fffac97b
5 changed files with 26 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/view/shell/mobile/index.tsx
View file

@ -70,7 +70,7 @@ const Btn = ({
onPress?: (event: GestureResponderEvent) => void
onLongPress?: (event: GestureResponderEvent) => void
}) => {
let size = 21
let size = 24
let addedStyles
let IconEl
if (icon === 'menu') {
@ -79,17 +79,17 @@ const Btn = ({
IconEl = GridIconSolid
} else if (icon === 'home') {
IconEl = HomeIcon
size = 24
size = 27
} else if (icon === 'home-solid') {
IconEl = HomeIconSolid
size = 24
size = 27
} else if (icon === 'bell') {
IconEl = BellIcon
size = 24
size = 27
addedStyles = {position: 'relative', top: -1} as ViewStyle
} else if (icon === 'bell-solid') {
IconEl = BellIconSolid
size = 24
size = 27
addedStyles = {position: 'relative', top: -1} as ViewStyle
} else {
IconEl = FontAwesomeIcon
@ -316,7 +316,7 @@ export const MobileShell: React.FC = observer(() => {
<View
style={[
styles.bottomBar,
{paddingBottom: clamp(safeAreaInsets.bottom, 15, 30)},
{paddingBottom: clamp(safeAreaInsets.bottom, 15, 40)},
]}>
<Btn
icon={isAtHome ? 'home-solid' : 'home'}
@ -343,6 +343,7 @@ export const MobileShell: React.FC = observer(() => {
</View>
<MainMenu
active={isMainMenuActive}
insetBottom={clamp(safeAreaInsets.bottom, 15, 40)}
onClose={() => setMainMenuActive(false)}
/>
<Modal />
@ -491,7 +492,7 @@ const styles = StyleSheet.create({
},
ctrl: {
flex: 1,
paddingTop: 15,
paddingTop: 12,
paddingBottom: 5,
},
notificationCount: {