diff options
Diffstat (limited to 'src/screens/profile/CaptionScreen.tsx')
| -rw-r--r-- | src/screens/profile/CaptionScreen.tsx | 35 |
1 files changed, 16 insertions, 19 deletions
diff --git a/src/screens/profile/CaptionScreen.tsx b/src/screens/profile/CaptionScreen.tsx index 188ccc1f..43665428 100644 --- a/src/screens/profile/CaptionScreen.tsx +++ b/src/screens/profile/CaptionScreen.tsx @@ -176,28 +176,13 @@ const CaptionScreen: React.FC<CaptionScreenProps> = ({route, navigation}) => { selectedUsers: taggedUsers, }) } - style={{ - marginHorizontal: '5%', - marginTop: '3%', - flexDirection: 'row', - justifyContent: 'space-between', - alignItems: 'center', - }}> + style={styles.tagFriendsContainer}> <Image source={require('../../assets/icons/tagging/tag-icon.png')} - style={{width: 20, height: 20}} + style={styles.tagIcon} /> <Text style={styles.tagFriendsTitle}>Tag Friends</Text> - <Text - numberOfLines={1} - style={{ - color: 'white', - width: 150, - fontSize: normalize(10), - lineHeight: normalize(11), - letterSpacing: normalize(0.3), - textAlign: 'right', - }}> + <Text numberOfLines={1} style={styles.taggedListContainer}> {taggedList} {taggedList.length > 21 ? '. . .' : ''} </Text> @@ -255,9 +240,21 @@ const styles = StyleSheet.create({ fontWeight: '600', }, tagFriendsContainer: { - flexDirection: 'row', + marginHorizontal: '5%', marginTop: '3%', + flexDirection: 'row', + justifyContent: 'space-between', + alignItems: 'center', + }, + taggedListContainer: { + color: 'white', + width: 150, + fontSize: normalize(10), + lineHeight: normalize(11), + letterSpacing: normalize(0.3), + textAlign: 'right', }, + tagIcon: {width: 20, height: 20}, }); export default CaptionScreen; |