Move border positioning to FlatList and ScrollView (#509)

* Move border positioning to FlatList and ScrollView

* Fix mobile web tab bar border
This commit is contained in:
Ollie Hsieh 2023-04-21 14:40:41 -07:00 committed by GitHub
parent f0706dbe9f
commit aa56f4a5e2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 22 additions and 34 deletions

View file

@ -63,11 +63,10 @@ const styles = StyleSheet.create({
position: 'absolute',
zIndex: 1,
left: '50%',
width: 640,
width: 598,
top: 0,
flexDirection: 'row',
alignItems: 'center',
paddingHorizontal: 18,
},
tabBarAvi: {
marginTop: 1,

View file

@ -33,7 +33,7 @@ export const FeedsTabBar = observer(
}, [store])
return (
<Animated.View style={[pal.view, styles.tabBar, transform]}>
<Animated.View style={[pal.view, pal.border, styles.tabBar, transform]}>
<TouchableOpacity
testID="viewHeaderDrawerBtn"
style={styles.tabBarAvi}
@ -61,6 +61,7 @@ const styles = StyleSheet.create({
flexDirection: 'row',
alignItems: 'center',
paddingHorizontal: 18,
borderBottomWidth: 1,
},
tabBarAvi: {
marginTop: 1,