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

58 lines
1.2 KiB
JavaScript

import { StyleSheet } from 'react-native';
import { RFValue } from 'react-native-responsive-fontsize';
import Theme from '../../components/theme.style.js';
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: (Theme.screen.h * .084) / 2,
width: Theme.screen.h * .082,
height: Theme.screen.h * .082,
alignItems: 'center',
justifyContent: 'center',
backgroundColor: '#E74610'
},
buttonText: {
color: 'white',
fontSize: RFValue(25, Theme.screen.h),
fontWeight: 'bold'
},
anotherButtons: {
width: 80,
alignItems: 'center',
justifyContent: 'center',
alignContent: 'center',
},
points: {
justifyContent: 'center',
alignItems: 'center',
flexDirection: 'row',
paddingRight: 10,
marginTop: 30,
marginBottom: 10
},
point: {
borderRadius: 50,
width: 15,
height: 15,
borderColor: '#E74610',
borderWidth: 1,
marginLeft: 20,
},
pointActive: {
backgroundColor: '#E74610',
},
});