diff options
| author | Minseo Lee <itoupluk427@gmail.com> | 2024-06-07 13:41:03 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-06-06 21:41:03 -0700 |
| commit | 2540616f43c389d22c404ca1efda46f29b936f1a (patch) | |
| tree | 95ce67db1d4612a324dc4f97869f54a1fbaf9112 /src/view/com/pager | |
| parent | bd1e6fced9f27b48b2d122bbaf7fb53861beaea5 (diff) | |
| download | voidsky-2540616f43c389d22c404ca1efda46f29b936f1a.tar.zst | |
Fix horizontal padding of tab within profile header (#3924)
Co-authored-by: Hailey <me@haileyok.com>
Diffstat (limited to 'src/view/com/pager')
| -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, |