Signup flow minor UI fixes (#2094)

* Fix layout of no-policy notice

* Fix spacing
zio/stable
Paul Frazee 2023-12-05 13:35:42 -08:00 committed by GitHub
parent 5f553c29df
commit e7f973852f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 5 deletions

View File

@ -27,8 +27,12 @@ export const Policies = ({
const pp = validWebLink(serviceDescription.links?.privacyPolicy) const pp = validWebLink(serviceDescription.links?.privacyPolicy)
if (!tos && !pp) { if (!tos && !pp) {
return ( return (
<View style={styles.policies}> <View style={[styles.policies, {flexDirection: 'row'}]}>
<View style={[styles.errorIcon, {borderColor: pal.colors.text}, s.mt2]}> <View
style={[
styles.errorIcon,
{borderColor: pal.colors.text, marginTop: 1},
]}>
<FontAwesomeIcon <FontAwesomeIcon
icon="exclamation" icon="exclamation"
style={pal.textLight as FontAwesomeIconStyle} style={pal.textLight as FontAwesomeIconStyle}
@ -106,6 +110,5 @@ const styles = StyleSheet.create({
height: 16, height: 16,
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
marginRight: 5,
}, },
}) })

View File

@ -39,7 +39,7 @@ export function Step3({
accessibilityHint="Input your user handle" accessibilityHint="Input your user handle"
/> />
<Text type="lg" style={[pal.text, s.pl5, s.pt10]}> <Text type="lg" style={[pal.text, s.pl5, s.pt10]}>
<Trans>Your full handle will be</Trans> <Trans>Your full handle will be</Trans>{' '}
<Text type="lg-bold" style={[pal.text, s.ml5]}> <Text type="lg-bold" style={[pal.text, s.ml5]}>
@{createFullHandle(uiState.handle, uiState.userDomain)} @{createFullHandle(uiState.handle, uiState.userDomain)}
</Text> </Text>

View File

@ -267,7 +267,7 @@ function ProvidedHandleForm({
/> />
</View> </View>
<Text type="md" style={[pal.textLight, s.pl10, s.pt10]}> <Text type="md" style={[pal.textLight, s.pl10, s.pt10]}>
<Trans>Your full handle will be </Trans> <Trans>Your full handle will be</Trans>{' '}
<Text type="md-bold" style={pal.textLight}> <Text type="md-bold" style={pal.textLight}>
@{createFullHandle(handle, userDomain)} @{createFullHandle(handle, userDomain)}
</Text> </Text>