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>
<Text
variant="displayMedium"
style={[styles.marginBottom, styles.centerText]}>
style={[styles.bigMarginBottom, styles.centerText]}>
Welcome to Terminally Online!
</Text>
<Button mode="contained" onPress={properties.selectStorageLocation}>
<Button mode="contained" onPress={properties.selectStorageLocation} style={styles.extremeMarginBottom}>
Select Storage Location
</Button>
</PaddedView>

View File

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