zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Tweak avi follow button styles (#4304)

Browse source 
* Tighten up

* Tweak colors

* Tweak for night mode

* Add missing file

* Contrast plus
This commit is contained in:
Eric Bailey 2024-05-31 14:45:41 -05:00 • committed by GitHub
parent f868821cfc
commit 5cda807d9d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 42 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/view/com/posts/AviFollowButton.tsx
View file

@ -16,7 +16,7 @@ import {
NativeDropdown,
} from '#/view/com/util/forms/NativeDropdown'
import * as Toast from '#/view/com/util/Toast'
import {atoms as a, useTheme} from '#/alf'
import {atoms as a, select, useTheme} from '#/alf'
import {Button} from '#/components/Button'
import {useFollowMethods} from '#/components/hooks/useFollowMethods'
import {PlusSmall_Stroke2_Corner0_Rounded as Plus} from '#/components/icons/Plus'
@ -90,17 +90,30 @@ export function AviFollowButton({
hitSlop={createHitslop(3)}
style={[
a.rounded_full,
t.atoms.bg_contrast_975,
select(t.name, {
light: t.atoms.bg_contrast_100,
dim: t.atoms.bg_contrast_100,
dark: t.atoms.bg_contrast_200,
}),
a.absolute,
{
bottom: -2,
right: -2,
bottom: 0,
right: 0,
borderWidth: 1,
borderColor: t.atoms.bg.backgroundColor,
},
]}>
<NativeDropdown items={items}>
<Plus size="sm" fill={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
}
/>
</NativeDropdown>
</Button>
)}