diff options
| author | Ansh Nanda <anshnanda10@gmail.com> | 2023-05-25 12:54:31 -0700 |
|---|---|---|
| committer | Ansh Nanda <anshnanda10@gmail.com> | 2023-05-25 12:54:31 -0700 |
| commit | db63442360dfea8da18bec1390fa44f6abdb4310 (patch) | |
| tree | 366c29199785a272fdabce77a7ffbdb2bc784863 | |
| parent | 524f8b6abd1787e3fefc640e752e2ed1ecac5898 (diff) | |
| download | voidsky-db63442360dfea8da18bec1390fa44f6abdb4310.tar.zst | |
adjust styling for feeds tab bar on mobile
| -rw-r--r-- | src/view/com/pager/FeedsTabBarMobile.tsx | 6 | ||||
| -rw-r--r-- | src/view/com/pager/TabBar.tsx | 8 | ||||
| -rw-r--r-- | src/view/screens/Home.tsx | 2 |
3 files changed, 11 insertions, 5 deletions
diff --git a/src/view/com/pager/FeedsTabBarMobile.tsx b/src/view/com/pager/FeedsTabBarMobile.tsx index b99efcfed..2c26561ad 100644 --- a/src/view/com/pager/FeedsTabBarMobile.tsx +++ b/src/view/com/pager/FeedsTabBarMobile.tsx @@ -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} diff --git a/src/view/com/pager/TabBar.tsx b/src/view/com/pager/TabBar.tsx index caca9f926..fb656241f 100644 --- a/src/view/com/pager/TabBar.tsx +++ b/src/view/com/pager/TabBar.tsx @@ -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', }, diff --git a/src/view/screens/Home.tsx b/src/view/screens/Home.tsx index 2aade5e1a..3d4430415 100644 --- a/src/view/screens/Home.tsx +++ b/src/view/screens/Home.tsx @@ -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'> |