forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
More spacing and sizing tweaks, including larger post controls
+15
-9
+10
-4
src/view/com/posts/FeedItem.tsx
+10
-4
src/view/com/posts/FeedItem.tsx
···
142
142
}>
143
143
<FontAwesomeIcon
144
144
icon="retweet"
145
-
style={[styles.includeReasonIcon, s.gray4]}
145
+
style={[styles.includeReasonIcon, s.gray5]}
146
146
/>
147
-
<Text type="body2" style={{color: pal.colors.textLight}}>
147
+
<Text
148
+
type="body2"
149
+
style={{
150
+
fontWeight: '600',
151
+
color: pal.colors.textLight,
152
+
}}>
148
153
Reposted by{' '}
149
154
{item.reasonRepost.by.displayName || item.reasonRepost.by.handle}
150
155
</Text>
···
283
288
},
284
289
outerSmallTop: {
285
290
borderTopWidth: 0,
286
-
paddingTop: 8,
287
291
},
288
292
outerNoBottom: {
289
293
paddingBottom: 2,
···
305
309
includeReason: {
306
310
flexDirection: 'row',
307
311
paddingLeft: 40,
312
+
marginTop: 2,
308
313
marginBottom: 2,
309
314
},
310
315
includeReasonIcon: {
···
312
317
},
313
318
layout: {
314
319
flexDirection: 'row',
320
+
marginTop: 1,
315
321
},
316
322
layoutAvi: {
317
323
width: 60,
···
338
344
marginBottom: 6,
339
345
},
340
346
ctrls: {
341
-
marginTop: 2,
347
+
marginTop: 4,
342
348
},
343
349
viewFullThread: {
344
350
paddingTop: 12,
+5
-5
src/view/com/util/PostCtrls.tsx
+5
-5
src/view/com/util/PostCtrls.tsx
···
35
35
36
36
const redgray = '#7A6161'
37
37
const sRedgray = {color: redgray}
38
-
const HITSLOP = {top: 5, left: 5, bottom: 5, right: 5}
38
+
const HITSLOP = {top: 2, left: 2, bottom: 2, right: 2}
39
39
40
40
export function PostCtrls(opts: PostCtrlsOpts) {
41
41
const interp1 = useAnimatedValue(0)
···
137
137
opts.isReposted ? styles.ctrlIconReposted : styles.ctrlIcon
138
138
}
139
139
icon="retweet"
140
-
size={opts.big ? 22 : 17}
140
+
size={opts.big ? 22 : 19}
141
141
/>
142
142
</Animated.View>
143
143
{typeof opts.repostCount !== 'undefined' ? (
···
161
161
{opts.isUpvoted ? (
162
162
<UpIconSolid
163
163
style={[styles.ctrlIconUpvoted]}
164
-
size={opts.big ? 22 : 17}
164
+
size={opts.big ? 22 : 19}
165
165
/>
166
166
) : (
167
167
<UpIcon
168
168
style={[styles.ctrlIcon]}
169
-
size={opts.big ? 22 : 17}
169
+
size={opts.big ? 22 : 19}
170
170
strokeWidth={1.5}
171
171
/>
172
172
)}
···
194
194
onDeletePost={opts.onDeletePost}>
195
195
<FontAwesomeIcon
196
196
icon="ellipsis-h"
197
-
size={16}
197
+
size={18}
198
198
style={[s.mt2, s.mr5, {color: colors.gray3}]}
199
199
/>
200
200
</PostDropdownBtn>