Rearrange credential edit interface for mobile app (#883)

This commit is contained in:
Leendert de Borst
2025-07-28 13:34:24 +02:00
committed by Leendert de Borst
parent ba65e0c8ff
commit 4811eb9ebe

View File

@@ -451,7 +451,6 @@ export default function AddEditCredentialScreen() : React.ReactNode {
borderRadius: 8,
flexDirection: 'row',
marginBottom: 8,
marginTop: 16,
paddingHorizontal: 12,
paddingVertical: 8,
},
@@ -633,6 +632,11 @@ export default function AddEditCredentialScreen() : React.ReactNode {
<View style={styles.section}>
<ThemedText style={styles.sectionTitle}>{t('credentials.loginCredentials')}</ThemedText>
<ValidatedFormField
control={control}
name="Alias.Email"
label={t('credentials.email')}
/>
<ValidatedFormField
control={control}
name="Username"
@@ -663,19 +667,14 @@ export default function AddEditCredentialScreen() : React.ReactNode {
}
]}
/>
<TouchableOpacity style={styles.generateButton} onPress={handleGenerateRandomAlias}>
<MaterialIcons name="auto-fix-high" size={20} color="#fff" />
<ThemedText style={styles.generateButtonText}>{t('credentials.generateRandomAlias')}</ThemedText>
</TouchableOpacity>
<ValidatedFormField
control={control}
name="Alias.Email"
label={t('credentials.email')}
/>
</View>
<View style={styles.section}>
<ThemedText style={styles.sectionTitle}>{t('credentials.alias')}</ThemedText>
<TouchableOpacity style={styles.generateButton} onPress={handleGenerateRandomAlias}>
<MaterialIcons name="auto-fix-high" size={20} color="#fff" />
<ThemedText style={styles.generateButtonText}>{t('credentials.generateRandomAlias')}</ThemedText>
</TouchableOpacity>
<ValidatedFormField
control={control}
name="Alias.FirstName"