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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/screens/Login/LoginForm.tsx
View File

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