diff options
Diffstat (limited to 'src')
-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> )} |