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 {NativeEventEmitter, NativeModules, View} from 'react-native'
|
||||
import {Button, Subheading, Title} from 'react-native-paper'
|
||||
import {PADDING} from './constants'
|
||||
import {NativeEventEmitter, NativeModules, StyleSheet, View} from 'react-native'
|
||||
import {Button, Text, Title} from 'react-native-paper'
|
||||
import {MARGIN, PADDING} from './constants'
|
||||
import {settingsRepo} from './db'
|
||||
import DrawerHeader from './DrawerHeader'
|
||||
import MassiveFab from './MassiveFab'
|
||||
|
@ -47,10 +47,10 @@ export default function TimerPage() {
|
|||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
}}>
|
||||
<Title>Remaining</Title>
|
||||
<Subheading>
|
||||
<Text style={styles.text}>Remaining</Text>
|
||||
<Text style={styles.text}>
|
||||
{minutes}:{seconds}
|
||||
</Subheading>
|
||||
</Text>
|
||||
<Button onPress={add}>Add 1 min</Button>
|
||||
</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