verdnatura-mirror
/
verdnatura-chat
forked from verdnatura-mirror/Rocket.Chat.ReactNative
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[IMPROVE] Standardize padding of E2E screens (#4701)

This commit is contained in:
Diego Mello 2022-11-21 16:10:38 -03:00
parent fdee1275fa
commit 7d221e70fd
4 changed files with 14 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/views/E2EEnterYourPasswordView.tsx
View File

@ -17,12 +17,9 @@ import { useTheme } from '../theme';
import sharedStyles from './Styles'; import sharedStyles from './Styles';
const styles = StyleSheet.create({ const styles = StyleSheet.create({
container: {
padding: 28
},
info: { info: {
fontSize: 14, fontSize: 16,
marginVertical: 8, marginVertical: 4,
...sharedStyles.textRegular ...sharedStyles.textRegular
} }
}); });
@ -53,10 +50,7 @@ const E2EEnterYourPasswordView = (): React.ReactElement => {
> >
<StatusBar /> <StatusBar />
<ScrollView {...scrollPersistTaps} style={sharedStyles.container} contentContainerStyle={sharedStyles.containerScrollView}> <ScrollView {...scrollPersistTaps} style={sharedStyles.container} contentContainerStyle={sharedStyles.containerScrollView}>
<SafeAreaView <SafeAreaView style={{ backgroundColor: colors.backgroundColor }} testID='e2e-enter-your-password-view'>
style={[styles.container, { backgroundColor: colors.backgroundColor }]}
testID='e2e-enter-your-password-view'
>
<FormTextInput <FormTextInput
placeholder={I18n.t('Password')} placeholder={I18n.t('Password')}
returnKeyType='send' returnKeyType='send'

4
app/views/E2EHowItWorksView.tsx
View File

@ -15,8 +15,8 @@ const styles = StyleSheet.create({
padding: 16 padding: 16
}, },
info: { info: {
fontSize: 14, fontSize: 16,
marginVertical: 8 marginBottom: 16
} }
}); });

14
app/views/E2ESaveYourPasswordView.tsx
View File

@ -25,7 +25,6 @@ import sharedStyles from './Styles';
const styles = StyleSheet.create({ const styles = StyleSheet.create({
container: { container: {
flex: 1, flex: 1,
padding: 44,
paddingTop: 32 paddingTop: 32
}, },
content: { content: {
@ -33,10 +32,12 @@ const styles = StyleSheet.create({
alignItems: 'center' alignItems: 'center'
}, },
warning: { warning: {
fontSize: 14, fontSize: 16,
...sharedStyles.textMedium ...sharedStyles.textMedium,
textAlign: 'center'
}, },
passwordText: { passwordText: {
fontSize: 14,
marginBottom: 8, marginBottom: 8,
...sharedStyles.textAlignCenter ...sharedStyles.textAlignCenter
}, },
@ -50,9 +51,10 @@ const styles = StyleSheet.create({
height: 32 height: 32
}, },
info: { info: {
fontSize: 14, fontSize: 16,
marginBottom: 64, marginBottom: 64,
...sharedStyles.textRegular ...sharedStyles.textRegular,
textAlign: 'center'
} }
}); });
@ -112,7 +114,7 @@ const E2ESaveYourPasswordView = () => {
style={[styles.copyButton, { backgroundColor: colors.auxiliaryBackground }]} style={[styles.copyButton, { backgroundColor: colors.auxiliaryBackground }]}
title={I18n.t('Copy')} title={I18n.t('Copy')}
type='secondary' type='secondary'
fontSize={12} fontSize={14}
/> />
</View> </View>
<Text style={[styles.info, { color: colors.bodyText }]}>{I18n.t('Save_Your_Encryption_Password_info')}</Text> <Text style={[styles.info, { color: colors.bodyText }]}>{I18n.t('Save_Your_Encryption_Password_info')}</Text>

2
app/views/Styles.ts
View File

@ -18,7 +18,7 @@ export default StyleSheet.create({
flexDirection: 'column' flexDirection: 'column'
}, },
containerScrollView: { containerScrollView: {
padding: 15, padding: 16,
paddingBottom: 30 paddingBottom: 30
}, },
tabletScreenContent: { tabletScreenContent: {