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

Clean up timer page styling 

Closes #110
This commit is contained in:
Tiffany Barclay 2022-12-25 01:05:48 +13:00
parent 7e81424f60
commit 2176acd924
1 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
TimerPage.tsx
View File

@ -41,7 +41,7 @@ export default function TimerPage() {
}, [minutes, seconds]) }, [minutes, seconds])
const left = useMemo(() => { const left = useMemo(() => {
return Dimensions.get('screen').width * 0.5 - 85 return Dimensions.get('screen').width * 0.5 - 60
}, []) }, [])
return ( return (
@ -54,13 +54,11 @@ export default function TimerPage() {
justifyContent: 'center', justifyContent: 'center',
alignItems: 'center', alignItems: 'center',
}}> }}>
<View> <Text style={{fontSize: 70, position: 'absolute'}}>
<Text style={{fontSize: 70, top: 150}}> {minutes}:{seconds}
{minutes}:{seconds} </Text>
</Text>
</View>
<ProgressCircle <ProgressCircle
style={{height: 300, width: 500, marginBottom: MARGIN, top: -50}} style={{height: 300, width: 300, marginBottom: MARGIN}}
progress={progress} progress={progress}
strokeWidth={10} strokeWidth={10}
progressColor={colors.text} progressColor={colors.text}
@ -68,9 +66,7 @@ export default function TimerPage() {
/> />
</View> </View>
</View> </View>
<Button <Button onPress={add} style={{position: 'absolute', top: '82%', left}}>
onPress={add}
style={{position: 'absolute', top: '85%', left: left + 25}}>
Add 1 min Add 1 min
</Button> </Button>
<MassiveFab icon="stop" onPress={stop} /> <MassiveFab icon="stop" onPress={stop} />