Update listing style

This commit is contained in:
Maarten 2024-08-08 13:19:20 +02:00
parent 4f50526a1d
commit c82c5b592c
2 changed files with 6 additions and 6 deletions

View file

@ -116,7 +116,7 @@ export default function ExploreScreen() {
renderItem={(item: any, index: any) => (
<TouchableOpacity style={styles.listItem} key={index} onPress={() => viewItem( item )}>
<Image source={{ uri: item.image }} style={styles.listImage}/>
<ThemedText type="default">{item.name}</ThemedText>
<ThemedText type="defaultSemiBold">{item.name}</ThemedText>
</TouchableOpacity>
)}
/>
@ -167,7 +167,7 @@ const styles = StyleSheet.create( {
marginTop: 25,
},
listContainer: {
marginTop: 10,
marginTop: 20,
paddingBottom: 50
},
listItem: {
@ -176,8 +176,8 @@ const styles = StyleSheet.create( {
gap: 8,
flexDirection: 'row',
alignItems: 'center',
paddingBottom: 10,
marginBottom: 10,
paddingBottom: 20,
marginBottom: 20,
borderBottomWidth: 1,
borderBottomColor: '#f2f2f2',
},

View file

@ -171,8 +171,8 @@ const styles = StyleSheet.create( {
justifyContent: 'space-between',
flexDirection: 'row',
alignItems: 'center',
paddingBottom: 10,
marginBottom: 10,
paddingBottom: 20,
marginBottom: 20,
borderBottomWidth: 1,
borderBottomColor: '#f2f2f2',
},