Add extra welcome screen margin

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>
This commit is contained in:
2023-07-10 11:32:10 +03:00
parent f64588b17c
commit 49ff847fbf
2 changed files with 8 additions and 2 deletions

View File

@@ -8,10 +8,10 @@ const WelcomeScreen = (properties: { selectStorageLocation: () => void }) => {
<PaddedView centered> <PaddedView centered>
<Text <Text
variant="displayMedium" variant="displayMedium"
style={[styles.marginBottom, styles.centerText]}> style={[styles.bigMarginBottom, styles.centerText]}>
Welcome to Terminally Online! Welcome to Terminally Online!
</Text> </Text>
<Button mode="contained" onPress={properties.selectStorageLocation}> <Button mode="contained" onPress={properties.selectStorageLocation} style={styles.extremeMarginBottom}>
Select Storage Location Select Storage Location
</Button> </Button>
</PaddedView> </PaddedView>

View File

@@ -14,6 +14,12 @@ const styles = StyleSheet.create({
marginBottom: { marginBottom: {
marginBottom: verticalScale(5), marginBottom: verticalScale(5),
}, },
bigMarginBottom: {
marginBottom: verticalScale(25),
},
extremeMarginBottom: {
marginBottom: verticalScale(100),
},
padding: { padding: {
padding: '5%', padding: '5%',
}, },