Bluesky app fork with some witchin' additions 💫
0
fork

Configure Feed

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

More spacing and sizing tweaks, including larger post controls

+15 -9
+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
··· 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>