More spacing and sizing tweaks, including larger post controls

zio/stable
Paul Frazee 2023-01-16 16:54:35 -06:00
parent 1a69235cf0
commit 158945bbf6
2 changed files with 15 additions and 9 deletions

View File

@ -142,9 +142,14 @@ export const FeedItem = observer(function ({
}>
<FontAwesomeIcon
icon="retweet"
style={[styles.includeReasonIcon, s.gray4]}
style={[styles.includeReasonIcon, s.gray5]}
/>
<Text type="body2" style={{color: pal.colors.textLight}}>
<Text
type="body2"
style={{
fontWeight: '600',
color: pal.colors.textLight,
}}>
Reposted by{' '}
{item.reasonRepost.by.displayName || item.reasonRepost.by.handle}
</Text>
@ -283,7 +288,6 @@ const styles = StyleSheet.create({
},
outerSmallTop: {
borderTopWidth: 0,
paddingTop: 8,
},
outerNoBottom: {
paddingBottom: 2,
@ -305,6 +309,7 @@ const styles = StyleSheet.create({
includeReason: {
flexDirection: 'row',
paddingLeft: 40,
marginTop: 2,
marginBottom: 2,
},
includeReasonIcon: {
@ -312,6 +317,7 @@ const styles = StyleSheet.create({
},
layout: {
flexDirection: 'row',
marginTop: 1,
},
layoutAvi: {
width: 60,
@ -338,7 +344,7 @@ const styles = StyleSheet.create({
marginBottom: 6,
},
ctrls: {
marginTop: 2,
marginTop: 4,
},
viewFullThread: {
paddingTop: 12,

View File

@ -35,7 +35,7 @@ interface PostCtrlsOpts {
const redgray = '#7A6161'
const sRedgray = {color: redgray}
const HITSLOP = {top: 5, left: 5, bottom: 5, right: 5}
const HITSLOP = {top: 2, left: 2, bottom: 2, right: 2}
export function PostCtrls(opts: PostCtrlsOpts) {
const interp1 = useAnimatedValue(0)
@ -137,7 +137,7 @@ export function PostCtrls(opts: PostCtrlsOpts) {
opts.isReposted ? styles.ctrlIconReposted : styles.ctrlIcon
}
icon="retweet"
size={opts.big ? 22 : 17}
size={opts.big ? 22 : 19}
/>
</Animated.View>
{typeof opts.repostCount !== 'undefined' ? (
@ -161,12 +161,12 @@ export function PostCtrls(opts: PostCtrlsOpts) {
{opts.isUpvoted ? (
<UpIconSolid
style={[styles.ctrlIconUpvoted]}
size={opts.big ? 22 : 17}
size={opts.big ? 22 : 19}
/>
) : (
<UpIcon
style={[styles.ctrlIcon]}
size={opts.big ? 22 : 17}
size={opts.big ? 22 : 19}
strokeWidth={1.5}
/>
)}
@ -194,7 +194,7 @@ export function PostCtrls(opts: PostCtrlsOpts) {
onDeletePost={opts.onDeletePost}>
<FontAwesomeIcon
icon="ellipsis-h"
size={16}
size={18}
style={[s.mt2, s.mr5, {color: colors.gray3}]}
/>
</PostDropdownBtn>