fix slop (#4739)

bluesky-social · Jul 5, 2024 · 56b6887 · 56b6887
1 parent 09bc4e9
commit 56b6887
Showing 1 changed file with 32 additions and 19 deletions.
diff --git 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>
       )}