Bluesky app fork with some witchin' additions 💫
0
fork

Configure Feed

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

Fix: Web design issues (#2377) (#2410)

* Fix web design issues

* Fix Right Nav width design issue

Co-authored-by: Rahul Yadav <52163880+rahulyadav5524@users.noreply.github.com>

authored by

Eric Bailey
Rahul Yadav
and committed by
GitHub
1b0c73a2 df277e59

+21 -8
+1
src/lib/styles.ts
··· 167 167 flexGrow1: {flexGrow: 1}, 168 168 alignCenter: {alignItems: 'center'}, 169 169 alignBaseline: {alignItems: 'baseline'}, 170 + justifyCenter: {justifyContent: 'center'}, 170 171 171 172 // position 172 173 absolute: {position: 'absolute'},
+1 -1
src/view/com/feeds/FeedSourceCard.tsx
··· 229 229 </View> 230 230 231 231 {showSaveBtn && feed.type === 'feed' && ( 232 - <View> 232 + <View style={[s.justifyCenter]}> 233 233 <Pressable 234 234 testID={`feed-${feed.displayName}-toggleSave`} 235 235 disabled={isSavePending || isPinPending || isRemovePending}
+7 -1
src/view/screens/Moderation.tsx
··· 62 62 ]} 63 63 testID="moderationScreen"> 64 64 <ViewHeader title={_(msg`Moderation`)} showOnDesktop /> 65 - <ScrollView> 65 + <ScrollView contentContainerStyle={[styles.noBorder]}> 66 66 <View style={styles.spacer} /> 67 67 <TouchableOpacity 68 68 testID="contentFilteringBtn" ··· 274 274 height: 40, 275 275 borderRadius: 30, 276 276 marginRight: 12, 277 + }, 278 + noBorder: { 279 + borderBottomWidth: 0, 280 + borderRightWidth: 0, 281 + borderLeftWidth: 0, 282 + borderTopWidth: 0, 277 283 }, 278 284 })
+9 -3
src/view/screens/SavedFeeds.tsx
··· 82 82 isTabletOrDesktop && styles.desktopContainer, 83 83 ]}> 84 84 <ViewHeader title={_(msg`Edit My Feeds`)} showOnDesktop showBorder /> 85 - <ScrollView style={s.flex1}> 85 + <ScrollView style={s.flex1} contentContainerStyle={[styles.noBorder]}> 86 86 <View style={[pal.text, pal.border, styles.title]}> 87 87 <Text type="title" style={pal.text}> 88 88 <Trans>Pinned Feeds</Trans> ··· 288 288 <FeedSourceCard 289 289 key={feedUri} 290 290 feedUri={feedUri} 291 - style={styles.noBorder} 291 + style={styles.noTopBorder} 292 292 showSaveBtn 293 293 showMinimalPlaceholder 294 294 /> ··· 344 344 webArrowUpButton: { 345 345 marginBottom: 10, 346 346 }, 347 - noBorder: { 347 + noTopBorder: { 348 348 borderTopWidth: 0, 349 349 }, 350 350 footerText: { 351 351 paddingHorizontal: 26, 352 352 paddingTop: 22, 353 353 paddingBottom: 100, 354 + }, 355 + noBorder: { 356 + borderBottomWidth: 0, 357 + borderRightWidth: 0, 358 + borderLeftWidth: 0, 359 + borderTopWidth: 0, 354 360 }, 355 361 })
+3 -3
src/view/shell/desktop/RightNav.tsx
··· 180 180 position: 'absolute', 181 181 // @ts-ignore web only 182 182 left: 'calc(50vw + 320px)', 183 - width: 304, 183 + width: 300, 184 184 maxHeight: '100%', 185 185 overflowY: 'auto', 186 186 }, 187 187 188 188 message: { 189 189 paddingVertical: 18, 190 - paddingHorizontal: 10, 190 + paddingHorizontal: 12, 191 191 }, 192 192 messageLine: { 193 193 marginBottom: 10, ··· 195 195 196 196 inviteCodes: { 197 197 borderTopWidth: 1, 198 - paddingHorizontal: 16, 198 + paddingHorizontal: 12, 199 199 paddingVertical: 12, 200 200 flexDirection: 'row', 201 201 },