- Set the points step to 5 and styled the points slider

This commit is contained in:
Dejan
2024-11-04 23:41:42 +01:00
parent dbfe7d6e9c
commit 9d81fa5ba5

View File

@ -13,7 +13,7 @@ const PointsSlider = (props: {
value={props.points}
onValueChange={(value) => props.setPoints(value)}
minimumValue={0}
step={10}
step={5}
thumbTintColor="white"
minimumTrackTintColor="#91d5ff"
thumbStyle={{borderWidth: 3, borderColor: '#91d5ff'}}
@ -21,7 +21,7 @@ const PointsSlider = (props: {
/>
<View row spread>
<Text style={{fontSize: 13, color: '#858585'}}>0</Text>
<Text style={{fontSize: 13, color: '#858585'}}>50</Text>
<Text style={{fontSize: 13, color: '#858585', marginLeft: 15}}>50</Text>
<Text style={{fontSize: 13, color: '#858585'}}>100</Text>
</View>
</View>