adjust profile screen

This commit is contained in:
balzack 2023-09-13 18:08:15 -07:00
parent 376420517f
commit 7a62d0ec82
2 changed files with 12 additions and 2 deletions

View File

@ -108,7 +108,7 @@ export function Profile() {
<Text style={styles.username} numberOfLines={1}>{ state.username }</Text> <Text style={styles.username} numberOfLines={1}>{ state.username }</Text>
<View style={styles.group}> <View style={styles.attributes}>
<View style={styles.entry}> <View style={styles.entry}>
<AntIcons name="enviromento" style={styles.icon} size={20} color={Colors.text} /> <AntIcons name="enviromento" style={styles.icon} size={20} color={Colors.text} />
{ state.location && ( { state.location && (
@ -135,7 +135,9 @@ export function Profile() {
<View style={styles.group}> <View style={styles.group}>
<TouchableOpacity style={styles.entry} activeOpacity={1}> <TouchableOpacity style={styles.entry} activeOpacity={1}>
<MatIcons name="eye-outline" style={styles.icon} size={20} color={Colors.text} /> <MatIcons name="eye-outline" style={styles.icon} size={20} color={Colors.text} />
<TouchableOpacity activeOpacity={1} onPress={() => setVisible(!state.searchable)}>
<Text style={styles.visibleLabel}>{ state.strings.visibleRegistry }</Text> <Text style={styles.visibleLabel}>{ state.strings.visibleRegistry }</Text>
</TouchableOpacity>
<Switch value={state.searchable} style={styles.visibleSwitch} thumbColor={Colors.sliderGrip} ios_backgroundColor={Colors.disabledIndicator} <Switch value={state.searchable} style={styles.visibleSwitch} thumbColor={Colors.sliderGrip} ios_backgroundColor={Colors.disabledIndicator}
trackColor={styles.track} onValueChange={setVisible} /> trackColor={styles.track} onValueChange={setVisible} />
</TouchableOpacity> </TouchableOpacity>

View File

@ -92,6 +92,14 @@ export const styles = StyleSheet.create({
borderRadius: 8, borderRadius: 8,
marginTop: 16, marginTop: 16,
display: 'flex', display: 'flex',
},
attributes: {
marginLeft: 16,
marginRight: 16,
backgroundColor: Colors.areaBase,
borderRadius: 8,
marginTop: 16,
display: 'flex',
flexShrink: 1, flexShrink: 1,
}, },
divider: { divider: {