diff options
| author | Caidan Williams <caidan@internet.dev> | 2025-07-25 18:36:26 -0700 |
|---|---|---|
| committer | Caidan Williams <caidan@internet.dev> | 2025-07-29 17:37:01 -0700 |
| commit | 4c8d5db6a65852da244a5adc2d8e833f19be306f (patch) | |
| tree | f20db3da07019dc2d75b96dc71d2109d084c3a9a /src/components/FeedInterstitials.tsx | |
| parent | b2fe27afe72bee4fbebf3bf57418a900fb62ef45 (diff) | |
| download | voidsky-4c8d5db6a65852da244a5adc2d8e833f19be306f.tar.zst | |
refactor(ui): web profile cards maxLength 4 -> 3 with flex grow
Diffstat (limited to 'src/components/FeedInterstitials.tsx')
| -rw-r--r-- | src/components/FeedInterstitials.tsx | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/src/components/FeedInterstitials.tsx b/src/components/FeedInterstitials.tsx index f16b33786..e9e2ee2a2 100644 --- a/src/components/FeedInterstitials.tsx +++ b/src/components/FeedInterstitials.tsx @@ -247,7 +247,7 @@ export function ProfileGrid({ const navigation = useNavigation<NavigationProp>() const {gtMobile} = useBreakpoints() const isLoading = isSuggestionsLoading || !moderationOpts - const maxLength = gtMobile ? 4 : 6 + const maxLength = gtMobile ? 3 : 6 const content = isLoading ? ( Array(maxLength) @@ -281,7 +281,11 @@ export function ProfileGrid({ style={[ a.flex_1, gtMobile && - web([a.flex_0, {width: `calc(50% - ${a.gap_md.gap / 2}px)`}]), + web([ + a.flex_0, + a.flex_grow, + {width: `calc(30% - ${a.gap_md.gap / 2}px)`}, + ]), ]}> {({hovered, pressed}) => ( <CardOuter |