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

View file

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