parent
7e81424f60
commit
2176acd924
|
@ -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} />
|
||||||
|
|
Loading…
Reference in New Issue
Block a user