Bluesky app fork with some witchin' additions 💫
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

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
··· 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',
+1 -1
src/view/com/pager/TabBar.tsx
··· 191 191 }, 192 192 contentContainer: { 193 193 backgroundColor: 'transparent', 194 - paddingHorizontal: 8, 194 + paddingHorizontal: 6, 195 195 }, 196 196 item: { 197 197 paddingTop: 10,