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

HostingProvider tweaks

zio/stable
Eric Bailey 2024-03-20 16:15:41 -05:00
parent 94cc08929f
commit 6e1541f203
1 changed files with 34 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/forms/HostingProvider.tsx
View File

@ -51,36 +51,44 @@ export function HostingProvider({
a.align_center, a.align_center,
a.rounded_sm, a.rounded_sm,
a.px_md, a.px_md,
a.pr_sm,
a.gap_xs, a.gap_xs,
{paddingVertical: isAndroid ? 14 : 9}, {paddingVertical: isAndroid ? 14 : 9},
]} ]}
onPress={onPressSelectService}> onPress={onPressSelectService}>
{({hovered}) => ( {({hovered, pressed}) => {
const interacted = hovered || pressed
return (
<> <>
<View style={a.pr_xs}> <View style={a.pr_xs}>
<Globe <Globe
size="md" size="md"
fill={hovered ? t.palette.contrast_800 : t.palette.contrast_500} fill={
interacted ? t.palette.contrast_800 : t.palette.contrast_500
}
/> />
</View> </View>
<Text style={[a.text_md]}>{toNiceDomain(serviceUrl)}</Text> <Text style={[a.text_md]}>{toNiceDomain(serviceUrl)}</Text>
<View <View
style={[ style={[
a.rounded_sm, a.rounded_sm,
hovered ? t.atoms.bg_contrast_300 : t.atoms.bg_contrast_100, interacted
{marginLeft: 'auto', left: 6, padding: 6}, ? t.atoms.bg_contrast_300
: t.atoms.bg_contrast_100,
{marginLeft: 'auto', padding: 6},
]}> ]}>
<Pencil <Pencil
size="sm" size="sm"
style={{ style={{
color: hovered color: interacted
? t.palette.contrast_800 ? t.palette.contrast_800
: t.palette.contrast_500, : t.palette.contrast_500,
}} }}
/> />
</View> </View>
</> </>
)} )
}}
</Button> </Button>
</> </>
) )