Visual tune-up

zio/stable
Paul Frazee 2023-03-16 22:02:44 -05:00
parent 71209bb3ac
commit 244b06c19d
3 changed files with 9 additions and 9 deletions

View File

@ -136,7 +136,7 @@ const styles = StyleSheet.create({
alignItems: 'center',
justifyContent: 'space-between',
width: '100%',
paddingBottom: 2,
paddingBottom: 4,
},
metaTwoLineLeft: {
flex: 1,

View File

@ -78,9 +78,7 @@ export function TabBar({
return (
<TouchableWithoutFeedback key={i} onPress={() => onPressItem(i)}>
<View style={styles.item} ref={itemRefs[i]}>
<Text
type="xl-medium"
style={selected ? pal.text : pal.textLight}>
<Text type="xl-bold" style={selected ? pal.text : pal.textLight}>
{item}
</Text>
</View>
@ -97,14 +95,14 @@ const styles = StyleSheet.create({
paddingHorizontal: 14,
},
item: {
paddingTop: 6,
paddingBottom: 14,
paddingTop: 8,
paddingBottom: 12,
marginRight: 24,
},
underline: {
position: 'absolute',
height: 3,
bottom: 0,
bottom: -1,
borderRadius: 4,
},
})

View File

@ -58,11 +58,11 @@ export const HomeScreen = withAuthRequired((_opts: Props) => {
const renderTabBar = React.useCallback(
(props: TabBarProps) => {
return (
<View style={[pal.view, styles.tabBar]}>
<View style={[pal.view, pal.border, styles.tabBar]}>
<TouchableOpacity style={styles.tabBarAvi} onPress={onPressAvi}>
<UserAvatar avatar={store.me.avatar} size={32} />
</TouchableOpacity>
<TabBar items={['Popular', 'Following']} {...props} />
<TabBar items={['Suggested', 'Following']} {...props} />
</View>
)
},
@ -273,8 +273,10 @@ const styles = StyleSheet.create({
flexDirection: 'row',
alignItems: 'center',
paddingHorizontal: 18,
borderBottomWidth: 1,
},
tabBarAvi: {
marginRight: 16,
paddingBottom: 2,
},
})