Bluesky app fork with some witchin' additions 💫
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Improve post spacing (#8589)

authored by

Samuel Newman and committed by
GitHub
9fdd98d8 5f291b5c

+14 -12
+8 -1
src/components/PostControls/index.tsx
··· 185 185 } 186 186 187 187 return ( 188 - <View style={[a.flex_row, a.justify_between, a.align_center, style]}> 188 + <View 189 + style={[ 190 + a.flex_row, 191 + a.justify_between, 192 + a.align_center, 193 + !big && a.pt_2xs, 194 + style, 195 + ]}> 189 196 <View 190 197 style={[ 191 198 big ? a.align_center : [a.flex_1, a.align_start, {marginLeft: -6}],
+5 -9
src/screens/PostThread/components/ThreadItemTreePost.tsx
··· 218 218 }) { 219 219 const t = useTheme() 220 220 return ( 221 - <View style={[a.relative, {width: TREE_AVI_PLUS_SPACE}]}> 221 + <View style={[a.relative, a.pt_2xs, {width: TREE_AVI_PLUS_SPACE}]}> 222 222 {item.ui.showChildReplyLine && ( 223 223 <View 224 224 style={[ 225 225 a.flex_1, 226 226 t.atoms.border_contrast_low, 227 - { 228 - borderRightWidth: 2, 229 - width: '50%', 230 - left: -1, 231 - }, 227 + {borderRightWidth: 2, width: '50%', left: -1}, 232 228 ]} 233 229 /> 234 230 )} ··· 331 327 timestamp={post.indexedAt} 332 328 postHref={postHref} 333 329 avatarSize={TREE_AVI_WIDTH} 334 - style={[a.pb_2xs]} 330 + style={[a.pb_0]} 335 331 showAvatar 336 332 /> 337 333 <View style={[a.flex_row]}> 338 334 <ThreadItemTreeReplyChildReplyLine item={item} /> 339 - <View style={[a.flex_1]}> 335 + <View style={[a.flex_1, a.pl_2xs]}> 340 336 <LabelsOnMyPost post={post} style={[a.pb_2xs]} /> 341 337 <PostAlerts 342 338 modui={moderation.ui('contentList')} ··· 360 356 /> 361 357 )} 362 358 </> 363 - ) : undefined} 359 + ) : null} 364 360 {post.embed && ( 365 361 <View style={[a.pb_xs]}> 366 362 <Embed
+1 -2
src/view/com/posts/PostFeedItem.tsx
··· 319 319 )} 320 320 </View> 321 321 322 - <View style={{paddingTop: 12, flexShrink: 1}}> 322 + <View style={{paddingTop: 10, flexShrink: 1}}> 323 323 {isReasonFeedSource(reason) ? ( 324 324 <Link href={reason.href}> 325 325 <Text ··· 660 660 includeReason: { 661 661 flexDirection: 'row', 662 662 alignItems: 'center', 663 - marginTop: 2, 664 663 marginBottom: 2, 665 664 marginLeft: -16, 666 665 },