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 /src/view/com | |
parent | 524f8b6abd1787e3fefc640e752e2ed1ecac5898 (diff) | |
download | voidsky-db63442360dfea8da18bec1390fa44f6abdb4310.tar.zst |
adjust styling for feeds tab bar on mobile
Diffstat (limited to 'src/view/com')
-rw-r--r-- | src/view/com/pager/FeedsTabBarMobile.tsx | 6 | ||||
-rw-r--r-- | src/view/com/pager/TabBar.tsx | 8 |
2 files changed, 10 insertions, 4 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', }, |