brandon.presley/Massive
brandon.presley
/
Massive
4
8
Fork 3
Code Issues 14 Pull Requests Activity

Make text bigger on TimerPage

This commit is contained in:
Brandon Presley 2022-11-05 12:57:08 +13:00
parent 7c9b4bf5f4
commit 7b4fddfebf
1 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
TimerPage.tsx
View File

@ -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,
},
})