unioil-loyalty-rn-app/app/components/pincodeinput/styles.js

57 lines
1.1 KiB
JavaScript

import { StyleSheet } from 'react-native'
export const styles = StyleSheet.create({
viewContainer: {
flexDirection: 'column',
alignItems: 'center',
},
viewPinContainer: {
flexDirection: 'row',
flexWrap: 'wrap',
alignItems: 'center',
justifyContent: 'center',
width: 290
},
button: {
padding: 14,
margin: 10,
borderRadius: 60,
width: 70,
height: 70,
alignItems: 'center',
justifyContent: 'center',
backgroundColor: '#E74610'
},
buttonText: {
color: 'white',
fontSize: 35,
fontWeight: 'bold'
},
anotherButtons: {
width: 80,
alignItems: 'center',
justifyContent: 'center',
alignContent: 'center',
},
points: {
justifyContent: 'center',
alignItems: 'center',
flexDirection: 'row',
paddingRight: 10,
marginTop: 5,
marginBottom: 5,
paddingVertical: 25
},
point: {
borderRadius: 50,
width: 15,
height: 15,
borderColor: '#E74610',
borderWidth: 1,
marginLeft: 20,
},
pointActive: {
backgroundColor: '#E74610',
},
});