forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Fix horizontal padding of tab within profile header (#3924)
Co-authored-by: Hailey <me@haileyok.com>
authored by
Minseo Lee
Hailey
and committed by
GitHub
2540616f
bd1e6fce
+8
-9
+7
-8
src/view/com/pager/PagerWithHeader.web.tsx
+7
-8
src/view/com/pager/PagerWithHeader.web.tsx
···
1
1
import * as React from 'react'
2
2
import {FlatList, ScrollView, StyleSheet, View} from 'react-native'
3
3
import {useAnimatedRef} from 'react-native-reanimated'
4
-
import {Pager, PagerRef, RenderTabBarFnProps} from 'view/com/pager/Pager'
5
-
import {TabBar} from './TabBar'
4
+
6
5
import {usePalette} from '#/lib/hooks/usePalette'
7
6
import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries'
7
+
import {Pager, PagerRef, RenderTabBarFnProps} from 'view/com/pager/Pager'
8
8
import {ListMethods} from '../util/List'
9
+
import {TabBar} from './TabBar'
9
10
10
11
export interface PagerWithHeaderChildParams {
11
12
headerHeight: number
···
184
185
185
186
const styles = StyleSheet.create({
186
187
headerContainerDesktop: {
187
-
marginLeft: 'auto',
188
-
marginRight: 'auto',
188
+
marginHorizontal: 'auto',
189
189
width: 600,
190
190
borderLeftWidth: 1,
191
191
borderRightWidth: 1,
···
198
198
zIndex: 1,
199
199
},
200
200
tabBarContainerDesktop: {
201
-
marginLeft: 'auto',
202
-
marginRight: 'auto',
201
+
marginHorizontal: 'auto',
202
+
paddingHorizontal: 2,
203
203
width: 600,
204
204
borderLeftWidth: 1,
205
205
borderRightWidth: 1,
206
206
},
207
207
tabBarContainerMobile: {
208
-
paddingLeft: 14,
209
-
paddingRight: 14,
208
+
paddingHorizontal: 0,
210
209
},
211
210
loadingHeader: {
212
211
borderColor: 'transparent',