fixing cropped name

This commit is contained in:
balzack 2023-10-06 23:36:59 -07:00
parent 15bd17dd5f
commit 78665a87bb
2 changed files with 13 additions and 6 deletions

View File

@ -242,12 +242,14 @@ export function Contact({ contact, drawer, back }) {
</TouchableOpacity>
</View>
<View style={{ ...styles.details, width: state.detailWidth }}>
<View style={styles.name}>
{ state.name && (
<Text style={styles.nameSet} numberOfLines={1} adjustsFontSizeToFit={true}>{ state.name }</Text>
)}
{ !state.name && (
<Text style={styles.nameUnset}>{ state.strings.name }</Text>
)}
</View>
<View style={styles.usernameStatus}>
<Text style={styles.username} numberOfLines={1} adjustsFontSizeToFit={true}>{ state.username }</Text>
<View style={styles.status}>

View File

@ -188,10 +188,15 @@ export const styles = StyleSheet.create({
paddingLeft: 16,
paddingRight: 16,
},
name: {
display: 'flex',
flexShrink: 0,
},
usernameStatus: {
display: 'flex',
flexDirection: 'row',
marginTop: 4,
flexShrink: 0,
},
status: {
display: 'flex',