Make text bigger on TimerPage
This commit is contained in:
parent
7c9b4bf5f4
commit
7b4fddfebf
|
@ -1,7 +1,7 @@
|
||||||
import React, {useEffect, useState} from 'react'
|
import React, {useEffect, useState} from 'react'
|
||||||
import {NativeEventEmitter, NativeModules, View} from 'react-native'
|
import {NativeEventEmitter, NativeModules, StyleSheet, View} from 'react-native'
|
||||||
import {Button, Subheading, Title} from 'react-native-paper'
|
import {Button, Text, Title} from 'react-native-paper'
|
||||||
import {PADDING} from './constants'
|
import {MARGIN, PADDING} from './constants'
|
||||||
import {settingsRepo} from './db'
|
import {settingsRepo} from './db'
|
||||||
import DrawerHeader from './DrawerHeader'
|
import DrawerHeader from './DrawerHeader'
|
||||||
import MassiveFab from './MassiveFab'
|
import MassiveFab from './MassiveFab'
|
||||||
|
@ -47,10 +47,10 @@ export default function TimerPage() {
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
}}>
|
}}>
|
||||||
<Title>Remaining</Title>
|
<Text style={styles.text}>Remaining</Text>
|
||||||
<Subheading>
|
<Text style={styles.text}>
|
||||||
{minutes}:{seconds}
|
{minutes}:{seconds}
|
||||||
</Subheading>
|
</Text>
|
||||||
<Button onPress={add}>Add 1 min</Button>
|
<Button onPress={add}>Add 1 min</Button>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
|
@ -58,3 +58,10 @@ export default function TimerPage() {
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const styles = StyleSheet.create({
|
||||||
|
text: {
|
||||||
|
fontSize: 32,
|
||||||
|
marginBottom: MARGIN,
|
||||||
|
},
|
||||||
|
})
|
||||||
|
|
Loading…
Reference in New Issue
Block a user