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

Handle logged out mobile web better

Browse source
This commit is contained in:
Paul Frazee 2023-03-14 14:59:37 -05:00
parent 41f4385db9
commit 528e14fe90
4 changed files with 118 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/view/com/auth/util/HelpTip.tsx
View file

@ -13,8 +13,10 @@ export function HelpTip({text}: {text: string}) {
const fg = useColorSchemeStyle({color: colors.gray5}, {color: colors.gray4})
return (
<View style={[styles.helptip, bg]}>
<InfoCircleIcon size={18} style={fg} strokeWidth={1.5} />
<Text type="xs-medium" style={[fg, s.ml5]}>
<View style={styles.icon}>
<InfoCircleIcon size={18} style={fg} strokeWidth={1.5} />
</View>
<Text type="xs-medium" style={[fg, s.ml5, s.flex1]}>
{text}
</Text>
</View>
@ -22,9 +24,12 @@ export function HelpTip({text}: {text: string}) {
}
const styles = StyleSheet.create({
icon: {
width: 18,
},
helptip: {
flexDirection: 'row',
alignItems: 'center',
alignItems: 'flex-start',
borderRadius: 6,
paddingHorizontal: 10,
paddingVertical: 8,