xiaoxue_admin
/
Folo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(mobile): update email login style

This commit is contained in:
Stephen Zhou 2025-01-06 21:07:44 +08:00
parent 9f6934f844
commit 9019e9bbc6
No known key found for this signature in database
1 changed files with 30 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
apps/mobile/src/modules/login/email.tsx
View File

@ -54,26 +54,35 @@ export function EmailLogin() {
return (
<View className="mx-auto flex w-full max-w-sm gap-6">
<View className="gap-4">
<Input
autoCapitalize="none"
autoCorrect={false}
keyboardType="email-address"
autoComplete="email"
placeholder="Email"
control={control}
name="email"
className="border-gray-3 placeholder:font-sn placeholder:text-placeholder-text rounded-lg border px-3 py-2 focus:border-accent"
/>
<Input
autoCapitalize="none"
autoCorrect={false}
autoComplete="current-password"
placeholder="Password"
control={control}
name="password"
secureTextEntry
className="border-gray-3 placeholder:font-sn placeholder:text-placeholder-text rounded-lg border px-3 py-2 focus:border-accent"
/>
<View className="border-b-separator border-b-hairline" />
<View className="flex-row">
<ThemedText className="w-28">Account</ThemedText>
<Input
autoCapitalize="none"
autoCorrect={false}
keyboardType="email-address"
autoComplete="email"
control={control}
name="email"
placeholder="Email"
className="placeholder:font-sn text-text flex-1"
/>
</View>
<View className="border-b-separator border-b-hairline" />
<View className="flex-row">
<ThemedText className="w-28">Password</ThemedText>
<Input
autoCapitalize="none"
autoCorrect={false}
autoComplete="current-password"
control={control}
name="password"
placeholder="Enter password"
className="placeholder:font-sn text-text flex-1"
secureTextEntry
/>
</View>
<View className="border-b-separator border-b-hairline" />
</View>
<TouchableOpacity
disabled={submitMutation.isPending || !formState.isValid}
@ -83,7 +92,7 @@ export function EmailLogin() {
{submitMutation.isPending ? (
<ActivityIndicator className="text-white" />
) : (
<ThemedText className="text-center text-white">Continue with Email</ThemedText>
<ThemedText className="text-center text-white">Continue</ThemedText>
)}
</TouchableOpacity>
</View>