diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2022-11-17 11:03:38 -0600 |
|---|---|---|
| committer | Paul Frazee <pfrazee@gmail.com> | 2022-11-17 11:03:38 -0600 |
| commit | 3a9bb6a98d92bf976c69ca440d25e460d0528479 (patch) | |
| tree | d8056f54000ddc650b8a8375cfc17335037be624 /src | |
| parent | 5271718b3bf65413e60049e09cf1403ed67bd3f6 (diff) | |
| download | voidsky-3a9bb6a98d92bf976c69ca440d25e460d0528479.tar.zst | |
Lighten the post controls
Diffstat (limited to 'src')
| -rw-r--r-- | src/view/com/util/PostCtrls.tsx | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/src/view/com/util/PostCtrls.tsx b/src/view/com/util/PostCtrls.tsx index 5362228a9..a3d2085e9 100644 --- a/src/view/com/util/PostCtrls.tsx +++ b/src/view/com/util/PostCtrls.tsx @@ -77,7 +77,7 @@ export function PostCtrls(opts: PostCtrlsOpts) { icon={['far', 'comment']} size={14} /> - <Text style={[s.ml5, s.f13]}>{opts.replyCount}</Text> + <Text style={[s.gray5, s.ml5, s.f13]}>{opts.replyCount}</Text> </TouchableOpacity> </View> <View style={s.flex1}> @@ -97,7 +97,7 @@ export function PostCtrls(opts: PostCtrlsOpts) { style={ opts.isReposted ? [s.bold, s.green3, s.f13, s.ml5] - : [s.f13, s.ml5] + : [s.gray5, s.f13, s.ml5] }> {opts.repostCount} </Text> @@ -116,7 +116,9 @@ export function PostCtrls(opts: PostCtrlsOpts) { </Animated.View> <Text 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} </Text> @@ -137,7 +139,7 @@ export function PostCtrls(opts: PostCtrlsOpts) { style={ opts.isDownvoted ? [s.bold, s.blue3, s.f13, s.ml5] - : [s.f13, s.ml5] + : [s.gray5, s.f13, s.ml5] }> {opts.downvoteCount} </Text> @@ -150,6 +152,7 @@ export function PostCtrls(opts: PostCtrlsOpts) { const styles = StyleSheet.create({ ctrls: { flexDirection: 'row', + paddingRight: 20, }, ctrl: { flexDirection: 'row', @@ -158,7 +161,7 @@ const styles = StyleSheet.create({ paddingRight: 4, }, ctrlIcon: { - color: colors.gray5, + color: colors.gray4, }, ctrlIconReposted: { color: colors.green3, |