diff options
| -rw-r--r-- | src/view/com/pager/PagerWithHeader.web.tsx | 15 | ||||
| -rw-r--r-- | src/view/com/pager/TabBar.tsx | 2 |
2 files changed, 8 insertions, 9 deletions
diff --git a/src/view/com/pager/PagerWithHeader.web.tsx b/src/view/com/pager/PagerWithHeader.web.tsx index 9c63c149f..fe260feaf 100644 --- a/src/view/com/pager/PagerWithHeader.web.tsx +++ b/src/view/com/pager/PagerWithHeader.web.tsx @@ -1,11 +1,12 @@ import * as React from 'react' import {FlatList, ScrollView, StyleSheet, View} from 'react-native' import {useAnimatedRef} from 'react-native-reanimated' -import {Pager, PagerRef, RenderTabBarFnProps} from 'view/com/pager/Pager' -import {TabBar} from './TabBar' + import {usePalette} from '#/lib/hooks/usePalette' import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries' +import {Pager, PagerRef, RenderTabBarFnProps} from 'view/com/pager/Pager' import {ListMethods} from '../util/List' +import {TabBar} from './TabBar' export interface PagerWithHeaderChildParams { headerHeight: number @@ -184,8 +185,7 @@ function PagerItem({ const styles = StyleSheet.create({ headerContainerDesktop: { - marginLeft: 'auto', - marginRight: 'auto', + marginHorizontal: 'auto', width: 600, borderLeftWidth: 1, borderRightWidth: 1, @@ -198,15 +198,14 @@ const styles = StyleSheet.create({ zIndex: 1, }, tabBarContainerDesktop: { - marginLeft: 'auto', - marginRight: 'auto', + marginHorizontal: 'auto', + paddingHorizontal: 2, width: 600, borderLeftWidth: 1, borderRightWidth: 1, }, tabBarContainerMobile: { - paddingLeft: 14, - paddingRight: 14, + paddingHorizontal: 0, }, loadingHeader: { borderColor: 'transparent', diff --git a/src/view/com/pager/TabBar.tsx b/src/view/com/pager/TabBar.tsx index e81d7d44d..e940e8d1a 100644 --- a/src/view/com/pager/TabBar.tsx +++ b/src/view/com/pager/TabBar.tsx @@ -191,7 +191,7 @@ const mobileStyles = StyleSheet.create({ }, contentContainer: { backgroundColor: 'transparent', - paddingHorizontal: 8, + paddingHorizontal: 6, }, item: { paddingTop: 10, |