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

Adjust control alignment

zio/stable
Paul Frazee 2022-11-20 16:29:43 -06:00
parent f43b24d405
commit 7e487fd5ae
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/view/com/util/LoadingPlaceholder.tsx
View File

@ -100,7 +100,7 @@ export function PostLoadingPlaceholder({
<FontAwesomeIcon style={s.gray3} icon="retweet" size={20} /> <FontAwesomeIcon style={s.gray3} icon="retweet" size={20} />
</View> </View>
<View style={s.flex1}> <View style={s.flex1}>
<UpIcon style={s.gray3} size={18} strokeWidth={1.7} /> <UpIcon style={s.gray3} size={19} strokeWidth={1.7} />
</View> </View>
<View style={s.flex1}></View> <View style={s.flex1}></View>
</View> </View>

14
src/view/com/util/PostCtrls.tsx
View File

@ -61,7 +61,7 @@ export function PostCtrls(opts: PostCtrlsOpts) {
icon={['far', 'comment']} icon={['far', 'comment']}
size={16} size={16}
/> />
<Text style={[s.gray5, s.ml5, s.f16]}>{opts.replyCount}</Text> <Text style={[s.gray5, s.ml5, s.f17]}>{opts.replyCount}</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
<View style={s.flex1}> <View style={s.flex1}>
@ -80,8 +80,8 @@ export function PostCtrls(opts: PostCtrlsOpts) {
<Text <Text
style={ style={
opts.isReposted opts.isReposted
? [s.bold, s.green3, s.f16, s.ml5] ? [s.bold, s.green3, s.f17, s.ml5]
: [s.gray5, s.f16, s.ml5] : [s.gray5, s.f17, s.ml5]
}> }>
{opts.repostCount} {opts.repostCount}
</Text> </Text>
@ -93,16 +93,16 @@ export function PostCtrls(opts: PostCtrlsOpts) {
onPress={onPressToggleUpvoteWrapper}> onPress={onPressToggleUpvoteWrapper}>
<Animated.View style={anim2Style}> <Animated.View style={anim2Style}>
{opts.isUpvoted ? ( {opts.isUpvoted ? (
<UpIconSolid style={styles.ctrlIconUpvoted} size={18} /> <UpIconSolid style={[styles.ctrlIconUpvoted]} size={19} />
) : ( ) : (
<UpIcon style={styles.ctrlIcon} size={18} strokeWidth={1.7} /> <UpIcon style={[styles.ctrlIcon]} size={20} strokeWidth={1.5} />
)} )}
</Animated.View> </Animated.View>
<Text <Text
style={ style={
opts.isUpvoted opts.isUpvoted
? [s.bold, s.red3, s.f16, s.ml5] ? [s.bold, s.red3, s.f17, s.ml5]
: [s.gray5, s.f16, s.ml5] : [s.gray5, s.f17, s.ml5]
}> }>
{opts.upvoteCount} {opts.upvoteCount}
</Text> </Text>