refactor(ui): web profile cards maxLength 4 -> 3 with flex grow

This commit is contained in:
Caidan Williams
2025-07-25 18:36:26 -07:00
committed by Austin McKinley
parent 36a6eb2e62
commit d6c41e5b33
+6 -2
View File
@@ -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