diff options
author | Hailey <me@haileyok.com> | 2024-07-05 14:44:06 -0700 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-07-05 22:44:06 +0100 |
commit | 56b688744ef3492a1e93d8a6ee04a116ceb7253a (patch) | |
tree | 97c676d5b5124ce0faf69d90d95a148d70bb36af | |
parent | 09bc4e95d807a71cb624a6eade01d3081f50554d (diff) | |
download | voidsky-56b688744ef3492a1e93d8a6ee04a116ceb7253a.tar.zst |
fix slop (#4739)
-rw-r--r-- | src/view/com/posts/AviFollowButton.tsx | 51 |
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> )} |