adjust styling for feeds tab bar on mobile

zio/stable
Ansh Nanda 2023-05-25 12:54:31 -07:00
parent 524f8b6abd
commit db63442360
3 changed files with 11 additions and 5 deletions

View File

@ -54,7 +54,11 @@ export const FeedsTabBar = observer(
</TouchableOpacity>
</View>
<View style={[pal.view]}>
<Link href="/settings/saved-feeds">
<Link
href="/settings/saved-feeds"
accessibilityRole="button"
accessibilityLabel="Edit Saved Feeds"
accessibilityHint="Opens screen to edit Saved Feeds">
<FontAwesomeIcon
icon="satellite-dish"
size={24}

View File

@ -125,14 +125,16 @@ const styles = isDesktopWeb
outer: {
flex: 1,
flexDirection: 'row',
backgroundColor: 'transparent',
},
contentContainer: {
gap: 14,
paddingHorizontal: 18,
columnGap: 14,
marginLeft: 14,
backgroundColor: 'transparent',
},
item: {
paddingTop: 8,
paddingBottom: 12,
paddingBottom: 8,
borderBottomWidth: 3,
borderBottomColor: 'transparent',
},

View File

@ -23,7 +23,7 @@ import {useAnalytics} from 'lib/analytics'
import {ComposeIcon2} from 'lib/icons'
import {isDesktopWeb} from 'platform/detection'
const HEADER_OFFSET = isDesktopWeb ? 50 : 74
const HEADER_OFFSET = isDesktopWeb ? 50 : 64
const POLL_FREQ = 30e3 // 30sec
type Props = NativeStackScreenProps<HomeTabNavigatorParams, 'Home'>