diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2024-01-22 15:04:41 -0800 |
|---|---|---|
| committer | Paul Frazee <pfrazee@gmail.com> | 2024-01-22 15:04:41 -0800 |
| commit | d25b17ab19e7373b4463be13b8611997b3f028dd (patch) | |
| tree | a4dff6d920f5cb72d1bd9177c2503a8ee7485019 /src/view/com/pager/FeedsTabBar.web.tsx | |
| parent | ad018d8dbd9353af2a66a0b21a232ee3225bbcf8 (diff) | |
| parent | d51ad1fec94ef933eafe0e5f58fba810e349494b (diff) | |
| download | voidsky-d25b17ab19e7373b4463be13b8611997b3f028dd.tar.zst | |
Merge branch 'main' of github.com:bluesky-social/social-app into main
Diffstat (limited to 'src/view/com/pager/FeedsTabBar.web.tsx')
| -rw-r--r-- | src/view/com/pager/FeedsTabBar.web.tsx | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/src/view/com/pager/FeedsTabBar.web.tsx b/src/view/com/pager/FeedsTabBar.web.tsx index 57c83f17c..385da5544 100644 --- a/src/view/com/pager/FeedsTabBar.web.tsx +++ b/src/view/com/pager/FeedsTabBar.web.tsx @@ -117,7 +117,7 @@ function FeedsTabBarTablet( return ( // @ts-ignore the type signature for transform wrong here, translateX and translateY need to be in separate objects -prf <Animated.View - style={[pal.view, styles.tabBar, headerMinimalShellTransform]} + style={[pal.view, pal.border, styles.tabBar, headerMinimalShellTransform]} onLayout={e => { headerHeight.value = e.nativeEvent.layout.height }}> @@ -134,13 +134,16 @@ function FeedsTabBarTablet( const styles = StyleSheet.create({ tabBar: { - position: 'absolute', + // @ts-ignore Web only + position: 'sticky', zIndex: 1, // @ts-ignore Web only -prf - left: 'calc(50% - 299px)', - width: 598, + left: 'calc(50% - 300px)', + width: 600, top: 0, flexDirection: 'row', alignItems: 'center', + borderLeftWidth: 1, + borderRightWidth: 1, }, }) |