diff --git a/src/alf/atoms.ts b/src/alf/atoms.ts index 1d3d5cab34..69ac0c0575 100644 --- a/src/alf/atoms.ts +++ b/src/alf/atoms.ts @@ -70,7 +70,7 @@ export const atoms = { }), /* - * Width + * Width & Height */ w_full: { width: '100%', @@ -81,6 +81,12 @@ export const atoms = { h_full_vh: web({ height: '100vh', }), + max_w_full: { + maxWidth: '100%', + }, + max_h_full: { + maxHeight: '100%', + }, /** * Used for the outermost components on screens, to ensure that they can fill diff --git a/src/components/KnownFollowers.tsx b/src/components/KnownFollowers.tsx index a883066caf..c60d0f92e8 100644 --- a/src/components/KnownFollowers.tsx +++ b/src/components/KnownFollowers.tsx @@ -127,6 +127,7 @@ function KnownFollowersInner({ onPress={onLinkPress} to={makeProfileLink(profile, 'known-followers')} style={[ + a.max_w_full, a.flex_row, minimal ? a.gap_sm : a.gap_md, a.align_center, @@ -171,6 +172,7 @@ function KnownFollowersInner({