diff options
Diffstat (limited to 'src/view/com/post-thread')
-rw-r--r-- | src/view/com/post-thread/PostLikedBy.tsx | 2 | ||||
-rw-r--r-- | src/view/com/post-thread/PostRepostedBy.tsx | 2 | ||||
-rw-r--r-- | src/view/com/post-thread/PostThreadItem.tsx | 23 |
3 files changed, 15 insertions, 12 deletions
diff --git a/src/view/com/post-thread/PostLikedBy.tsx b/src/view/com/post-thread/PostLikedBy.tsx index d6d1e7e84..77224640c 100644 --- a/src/view/com/post-thread/PostLikedBy.tsx +++ b/src/view/com/post-thread/PostLikedBy.tsx @@ -112,7 +112,7 @@ const styles = StyleSheet.create({ avi: { width: 40, height: 40, - borderRadius: 30, + borderRadius: 20, resizeMode: 'cover', }, layoutContent: { diff --git a/src/view/com/post-thread/PostRepostedBy.tsx b/src/view/com/post-thread/PostRepostedBy.tsx index 0c2236770..b298a2484 100644 --- a/src/view/com/post-thread/PostRepostedBy.tsx +++ b/src/view/com/post-thread/PostRepostedBy.tsx @@ -118,7 +118,7 @@ const styles = StyleSheet.create({ avi: { width: 40, height: 40, - borderRadius: 30, + borderRadius: 20, resizeMode: 'cover', }, layoutContent: { 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, }, }) |