diff options
| author | Eric Bailey <git@esb.lol> | 2025-04-04 18:55:30 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-04-04 16:55:30 -0700 |
| commit | 0b08128e4a984e302c4675bf6b262272744e69f1 (patch) | |
| tree | aec6422c52f356ea0322aacd8fb400f68c8ccb66 /src/components/ProgressGuide | |
| parent | aca89d4aea61a50697187464e88ac1b9a4ef40bd (diff) | |
| download | voidsky-0b08128e4a984e302c4675bf6b262272744e69f1.tar.zst | |
[Explore] Design tweaks (#8131)
* Fix interests card spacing * Space out AvatarStack * SP icon size * Visual alignment of tab bar and headers * Tweak spacing around search input * Drop text size in sp card overflow count * Tweak
Diffstat (limited to 'src/components/ProgressGuide')
| -rw-r--r-- | src/components/ProgressGuide/FollowDialog.tsx | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/src/components/ProgressGuide/FollowDialog.tsx b/src/components/ProgressGuide/FollowDialog.tsx index 41c3d41d8..cafa958cc 100644 --- a/src/components/ProgressGuide/FollowDialog.tsx +++ b/src/components/ProgressGuide/FollowDialog.tsx @@ -1,5 +1,12 @@ import {memo, useCallback, useEffect, useMemo, useRef, useState} from 'react' -import {ScrollView, TextInput, useWindowDimensions, View} from 'react-native' +import { + ScrollView, + type StyleProp, + TextInput, + useWindowDimensions, + View, + type ViewStyle, +} from 'react-native' import Animated, { LayoutAnimationConfig, LinearTransition, @@ -453,6 +460,7 @@ let Tabs = ({ hasSearchText, interestsDisplayNames, TabComponent = Tab, + contentContainerStyle, }: { onSelectTab: (tab: string) => void interests: string[] @@ -460,6 +468,7 @@ let Tabs = ({ hasSearchText: boolean interestsDisplayNames: Record<string, string> TabComponent?: React.ComponentType<React.ComponentProps<typeof Tab>> + contentContainerStyle?: StyleProp<ViewStyle> }): React.ReactNode => { const listRef = useRef<ScrollView>(null) const [scrollX, setScrollX] = useState(0) @@ -520,7 +529,7 @@ let Tabs = ({ <ScrollView ref={listRef} horizontal - contentContainerStyle={[a.gap_sm, a.px_lg]} + contentContainerStyle={[a.gap_sm, a.px_lg, contentContainerStyle]} showsHorizontalScrollIndicator={false} decelerationRate="fast" snapToOffsets={ |