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

65 lines
1.3 KiB
JavaScript

import { StyleSheet } from 'react-native';
import { RFPercentage } from 'react-native-responsive-fontsize';
import Theme from '../../components/theme.style.js';
export const styles = StyleSheet.create({
viewContainer: {
// flexDirection: 'column',
// alignItems: 'center',
},
viewPinContainer: {
alignItems: 'center'
},
button: {
padding: 14,
borderRadius: (Theme.screen.h * .084) / 2,
margin: 4,
width: Theme.screen.h * .084,
height: Theme.screen.h * .084,
alignItems: 'center',
justifyContent: 'center',
backgroundColor: '#E74610'
},
deleteButton: {
flex: 1,
justifyContent: 'center',
alignItems:'center',
margin: 4
},
blank: {
width: Theme.screen.h * .084,
height: Theme.screen.h * .084,
margin: 4,
},
buttonText: {
color: 'white',
fontSize: RFPercentage(2.3),
fontWeight: 'bold'
},
anotherButtons: {
width: 80,
alignItems: 'center',
justifyContent: 'center',
alignContent: 'center',
},
points: {
justifyContent: 'center',
alignItems: 'center',
flexDirection: 'row',
paddingRight: 20,
marginTop: 30,
marginBottom: 10
},
point: {
borderRadius: 50,
width: 15,
height: 15,
borderColor: '#E74610',
borderWidth: 1,
marginLeft: 20,
},
pointActive: {
backgroundColor: '#E74610',
},
});