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