diff options
Diffstat (limited to 'src/view/com/post-thread/PostThreadItem.tsx')
-rw-r--r-- | src/view/com/post-thread/PostThreadItem.tsx | 23 |
1 files changed, 13 insertions, 10 deletions
diff --git a/src/view/com/post-thread/PostThreadItem.tsx b/src/view/com/post-thread/PostThreadItem.tsx index 46d7816c6..ed411131f 100644 --- a/src/view/com/post-thread/PostThreadItem.tsx +++ b/src/view/com/post-thread/PostThreadItem.tsx @@ -129,8 +129,9 @@ export const PostThreadItem = observer(function PostThreadItem({ <FontAwesomeIcon style={styles.ctrlIcon} icon={['far', 'comment']} + size={14} /> - <Text>{item.replyCount}</Text> + <Text style={s.f13}>{item.replyCount}</Text> </TouchableOpacity> <TouchableOpacity style={styles.ctrl} onPress={onPressToggleRepost}> <FontAwesomeIcon @@ -140,11 +141,11 @@ export const PostThreadItem = observer(function PostThreadItem({ : styles.ctrlIcon } icon="retweet" - size={22} + size={18} /> <Text style={ - item.myState.hasReposted ? [s.bold, s.green3] : undefined + item.myState.hasReposted ? [s.bold, s.green3, s.f13] : s.f13 }> {item.repostCount} </Text> @@ -155,9 +156,10 @@ export const PostThreadItem = observer(function PostThreadItem({ item.myState.hasLiked ? styles.ctrlIconLiked : styles.ctrlIcon } icon={[item.myState.hasLiked ? 'fas' : 'far', 'heart']} + size={14} /> <Text - style={item.myState.hasLiked ? [s.bold, s.pink3] : undefined}> + style={item.myState.hasLiked ? [s.bold, s.red3, s.f13] : s.f13}> {item.likeCount} </Text> </TouchableOpacity> @@ -167,6 +169,7 @@ export const PostThreadItem = observer(function PostThreadItem({ <FontAwesomeIcon style={styles.ctrlIcon} icon="share-from-square" + size={14} /> </TouchableOpacity> </View> @@ -190,15 +193,15 @@ const styles = StyleSheet.create({ marginRight: 2, }, layoutAvi: { - width: 80, + width: 70, paddingLeft: 10, paddingTop: 10, paddingBottom: 10, }, avi: { - width: 60, - height: 60, - borderRadius: 30, + width: 50, + height: 50, + borderRadius: 25, resizeMode: 'cover', }, layoutContent: { @@ -210,7 +213,7 @@ const styles = StyleSheet.create({ meta: { flexDirection: 'row', paddingTop: 2, - paddingBottom: 4, + paddingBottom: 2, }, metaItem: { paddingRight: 5, @@ -251,6 +254,6 @@ const styles = StyleSheet.create({ }, ctrlIconLiked: { marginRight: 5, - color: colors.pink3, + color: colors.red3, }, }) |