about summary refs log tree commit diff
diff options
context:
space:
mode:
authorHailey <me@haileyok.com>2024-07-05 14:44:06 -0700
committerGitHub <noreply@github.com>2024-07-05 22:44:06 +0100
commit56b688744ef3492a1e93d8a6ee04a116ceb7253a (patch)
tree97c676d5b5124ce0faf69d90d95a148d70bb36af
parent09bc4e95d807a71cb624a6eade01d3081f50554d (diff)
downloadvoidsky-56b688744ef3492a1e93d8a6ee04a116ceb7253a.tar.zst
fix slop (#4739)
-rw-r--r--src/view/com/posts/AviFollowButton.tsx51
1 files changed, 32 insertions, 19 deletions
diff --git a/src/view/com/posts/AviFollowButton.tsx b/src/view/com/posts/AviFollowButton.tsx
index 0497c80bc..f7141ee42 100644
--- a/src/view/com/posts/AviFollowButton.tsx
+++ b/src/view/com/posts/AviFollowButton.tsx
@@ -90,30 +90,43 @@ export function AviFollowButton({
           hitSlop={createHitslop(3)}
           style={[
             a.rounded_full,
-            select(t.name, {
-              light: t.atoms.bg_contrast_100,
-              dim: t.atoms.bg_contrast_100,
-              dark: t.atoms.bg_contrast_200,
-            }),
             a.absolute,
             {
-              bottom: -1,
-              right: -1,
-              borderWidth: 1,
-              borderColor: t.atoms.bg.backgroundColor,
+              height: 30,
+              width: 30,
+              bottom: -7,
+              right: -7,
             },
           ]}>
           <NativeDropdown items={items}>
-            <Plus
-              size="sm"
-              fill={
-                select(t.name, {
-                  light: t.atoms.bg_contrast_600,
-                  dim: t.atoms.bg_contrast_500,
-                  dark: t.atoms.bg_contrast_600,
-                }).backgroundColor
-              }
-            />
+            <View
+              style={[a.h_full, a.w_full, a.justify_center, a.align_center]}>
+              <View
+                style={[
+                  a.rounded_full,
+                  a.align_center,
+                  select(t.name, {
+                    light: t.atoms.bg_contrast_100,
+                    dim: t.atoms.bg_contrast_100,
+                    dark: t.atoms.bg_contrast_200,
+                  }),
+                  {
+                    borderWidth: 1,
+                    borderColor: t.atoms.bg.backgroundColor,
+                  },
+                ]}>
+                <Plus
+                  size="sm"
+                  fill={
+                    select(t.name, {
+                      light: t.atoms.bg_contrast_600,
+                      dim: t.atoms.bg_contrast_500,
+                      dark: t.atoms.bg_contrast_600,
+                    }).backgroundColor
+                  }
+                />
+              </View>
+            </View>
           </NativeDropdown>
         </Button>
       )}