From 0b08128e4a984e302c4675bf6b262272744e69f1 Mon Sep 17 00:00:00 2001 From: Eric Bailey Date: Fri, 4 Apr 2025 18:55:30 -0500 Subject: [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 --- src/components/ProgressGuide/FollowDialog.tsx | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) (limited to 'src/components/ProgressGuide/FollowDialog.tsx') 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 TabComponent?: React.ComponentType> + contentContainerStyle?: StyleProp }): React.ReactNode => { const listRef = useRef(null) const [scrollX, setScrollX] = useState(0) @@ -520,7 +529,7 @@ let Tabs = ({