zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Aesthetic improvements

Browse source
This commit is contained in:
Paul Frazee 2022-08-31 20:09:47 -05:00
parent b4802c6b5b
commit 4aa8a58f27
10 changed files with 57 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/view/com/post-thread/PostThreadItem.tsx
View file

@ -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,
},
})