about summary refs log tree commit diff
diff options
context:
space:
mode:
authorÆndra Rininsland <hello@aendra.com>2023-07-06 00:26:18 +0100
committerGitHub <noreply@github.com>2023-07-05 18:26:18 -0500
commit99aa38e3ca319f5c58d7543d6f5236882dbc0708 (patch)
treefdf566d409cc92245310d365a27b39c23393cab5
parent3498c1d2393e622ab556e337e12243c37618489e (diff)
downloadvoidsky-99aa38e3ca319f5c58d7543d6f5236882dbc0708.tar.zst
Fixes vertical alignment in feed tab bar (#974)
The tab bar items need `justify-content: center` on them or else they can appear unaligned when a feed name has an emoji character in it.
-rw-r--r--src/view/com/pager/TabBar.tsx2
1 files changed, 2 insertions, 0 deletions
diff --git a/src/view/com/pager/TabBar.tsx b/src/view/com/pager/TabBar.tsx
index 5afbb49f5..5f309b568 100644
--- a/src/view/com/pager/TabBar.tsx
+++ b/src/view/com/pager/TabBar.tsx
@@ -109,6 +109,7 @@ const styles = isDesktopWeb
         paddingHorizontal: 10,
         borderBottomWidth: 3,
         borderBottomColor: 'transparent',
+        justifyContent: 'center'
       },
     })
   : StyleSheet.create({
@@ -129,5 +130,6 @@ const styles = isDesktopWeb
         paddingHorizontal: isMobileWeb ? 8 : 0,
         borderBottomWidth: 3,
         borderBottomColor: 'transparent',
+        justifyContent: 'center'
       },
     })