Login form tweaks

zio/stable
Eric Bailey 2024-03-20 17:00:35 -05:00
parent 5c08f0d95b
commit 70f5cc6a9f
1 changed files with 75 additions and 74 deletions

View File

@ -143,6 +143,7 @@ export const LoginForm = ({
<TextField.Label>
<Trans>Account</Trans>
</TextField.Label>
<View style={[a.gap_sm]}>
<TextField.Root>
<TextField.Icon icon={At} />
<TextField.Input
@ -168,8 +169,7 @@ export const LoginForm = ({
)}
/>
</TextField.Root>
</View>
<View>
<TextField.Root>
<TextField.Icon icon={Lock} />
<TextField.Input
@ -204,7 +204,7 @@ export const LoginForm = ({
color="secondary"
style={[
a.rounded_sm,
t.atoms.bg_contrast_100,
// t.atoms.bg_contrast_100,
{marginLeft: 'auto', left: 6, padding: 6},
a.z_10,
]}>
@ -214,13 +214,14 @@ export const LoginForm = ({
</Button>
</TextField.Root>
</View>
</View>
<FormError error={error} />
<View style={[a.flex_row, a.align_center]}>
<View style={[a.flex_row, a.align_center, a.pt_md]}>
<Button
label={_(msg`Back`)}
variant="solid"
color="secondary"
size="small"
size="medium"
onPress={onPressBack}>
<ButtonText>
<Trans>Back</Trans>
@ -234,7 +235,7 @@ export const LoginForm = ({
accessibilityHint={_(msg`Retries login`)}
variant="solid"
color="secondary"
size="small"
size="medium"
onPress={onPressRetryConnect}>
{_(msg`Retry`)}
</Button>
@ -251,7 +252,7 @@ export const LoginForm = ({
accessibilityHint={_(msg`Navigates to the next screen`)}
variant="solid"
color="primary"
size="small"
size="medium"
onPress={onPressNext}>
<ButtonText>
<Trans>Next</Trans>