Add extra welcome screen margin
Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>
This commit is contained in:
@@ -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>
|
||||||
|
@@ -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%',
|
||||||
},
|
},
|
||||||
|
Reference in New Issue
Block a user