about summary refs log tree commit diff
path: root/src
diff options
context:
space:
mode:
authorSamuel Newman <mozzius@protonmail.com>2025-03-06 23:54:40 +0000
committerGitHub <noreply@github.com>2025-03-06 15:54:40 -0800
commitac43b666cb2ddd8c007d169e58547d053b08121f (patch)
tree94b22dfa8bcd5418f79ef0a63c238a268f5e8260 /src
parent618c4e4a56987a1520ee9ca871b2d8e20b13fded (diff)
downloadvoidsky-ac43b666cb2ddd8c007d169e58547d053b08121f.tar.zst
Fix text not wrapping in social proof (#7920)
* Fix text not wrapping in social proof

* fix web too

* add max_w_full atom
Diffstat (limited to 'src')
-rw-r--r--src/alf/atoms.ts8
-rw-r--r--src/components/KnownFollowers.tsx2
2 files changed, 9 insertions, 1 deletions
diff --git a/src/alf/atoms.ts b/src/alf/atoms.ts
index 1d3d5cab3..69ac0c057 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 a883066ca..c60d0f92e 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({
 
           <Text
             style={[
+              a.flex_shrink,
               textStyle,
               hovered && {
                 textDecorationLine: 'underline',