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

Lighten the post controls

zio/stable
Paul Frazee 2022-11-17 11:03:38 -06:00
parent 5271718b3b
commit 3a9bb6a98d
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -77,7 +77,7 @@ export function PostCtrls(opts: PostCtrlsOpts) {
icon={['far', 'comment']} icon={['far', 'comment']}
size={14} size={14}
/> />
<Text style={[s.ml5, s.f13]}>{opts.replyCount}</Text> <Text style={[s.gray5, s.ml5, s.f13]}>{opts.replyCount}</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
<View style={s.flex1}> <View style={s.flex1}>
@ -97,7 +97,7 @@ export function PostCtrls(opts: PostCtrlsOpts) {
style={ style={
opts.isReposted opts.isReposted
? [s.bold, s.green3, s.f13, s.ml5] ? [s.bold, s.green3, s.f13, s.ml5]
: [s.f13, s.ml5] : [s.gray5, s.f13, s.ml5]
}> }>
{opts.repostCount} {opts.repostCount}
</Text> </Text>
@ -116,7 +116,9 @@ export function PostCtrls(opts: PostCtrlsOpts) {
</Animated.View> </Animated.View>
<Text <Text
style={ style={
opts.isUpvoted ? [s.bold, s.red3, s.f13, s.ml5] : [s.f13, s.ml5] opts.isUpvoted
? [s.bold, s.red3, s.f13, s.ml5]
: [s.gray5, s.f13, s.ml5]
}> }>
{opts.upvoteCount} {opts.upvoteCount}
</Text> </Text>
@ -137,7 +139,7 @@ export function PostCtrls(opts: PostCtrlsOpts) {
style={ style={
opts.isDownvoted opts.isDownvoted
? [s.bold, s.blue3, s.f13, s.ml5] ? [s.bold, s.blue3, s.f13, s.ml5]
: [s.f13, s.ml5] : [s.gray5, s.f13, s.ml5]
}> }>
{opts.downvoteCount} {opts.downvoteCount}
</Text> </Text>
@ -150,6 +152,7 @@ export function PostCtrls(opts: PostCtrlsOpts) {
const styles = StyleSheet.create({ const styles = StyleSheet.create({
ctrls: { ctrls: {
flexDirection: 'row', flexDirection: 'row',
paddingRight: 20,
}, },
ctrl: { ctrl: {
flexDirection: 'row', flexDirection: 'row',
@ -158,7 +161,7 @@ const styles = StyleSheet.create({
paddingRight: 4, paddingRight: 4,
}, },
ctrlIcon: { ctrlIcon: {
color: colors.gray5, color: colors.gray4,
}, },
ctrlIconReposted: { ctrlIconReposted: {
color: colors.green3, color: colors.green3,