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

More spacing fixes, especially for the repost info

Browse source
This commit is contained in:
Paul Frazee 2023-01-16 16:34:52 -06:00
parent 6d4431b777
commit 0c9ffd99d8
2 changed files with 9 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/view/com/post/Post.tsx
View file

@ -160,7 +160,7 @@ export const Post = observer(function Post({
timestamp={item.post.indexedAt} timestamp={item.post.indexedAt}
/> />
{replyHref !== '' && ( {replyHref !== '' && (
<View style={[s.flexRow, s.mb5, {alignItems: 'center'}]}> <View style={[s.flexRow, s.mb2, {alignItems: 'center'}]}>
<FontAwesomeIcon <FontAwesomeIcon
icon="reply" icon="reply"
size={9} size={9}

13
src/view/com/posts/FeedItem.tsx
View file

@ -140,8 +140,11 @@ export const FeedItem = observer(function ({
title={ title={
item.reasonRepost.by.displayName || item.reasonRepost.by.handle item.reasonRepost.by.displayName || item.reasonRepost.by.handle
}> }>
<FontAwesomeIcon icon="retweet" style={styles.includeReasonIcon} /> <FontAwesomeIcon
<Text type="overline2" style={{color: pal.colors.actionLabel}}> icon="retweet"
style={[styles.includeReasonIcon, s.gray4]}
/>
<Text type="body2" style={{color: pal.colors.textLight}}>
Reposted by{' '} Reposted by{' '}
{item.reasonRepost.by.displayName || item.reasonRepost.by.handle} {item.reasonRepost.by.displayName || item.reasonRepost.by.handle}
</Text> </Text>
@ -183,7 +186,7 @@ export const FeedItem = observer(function ({
timestamp={item.post.indexedAt} timestamp={item.post.indexedAt}
/> />
{!isChild && replyHref !== '' && ( {!isChild && replyHref !== '' && (
<View style={[s.flexRow, s.mb5, {alignItems: 'center'}]}> <View style={[s.flexRow, s.mb2, {alignItems: 'center'}]}>
<FontAwesomeIcon <FontAwesomeIcon
icon="reply" icon="reply"
size={9} size={9}
@ -301,11 +304,11 @@ const styles = StyleSheet.create({
}, },
includeReason: { includeReason: {
flexDirection: 'row', flexDirection: 'row',
paddingLeft: 60, paddingLeft: 40,
marginBottom: 2,
}, },
includeReasonIcon: { includeReasonIcon: {
marginRight: 4, marginRight: 4,
color: colors.gray4,
}, },
layout: { layout: {
flexDirection: 'row', flexDirection: 'row',