211 lines
3.9 KiB
TypeScript
211 lines
3.9 KiB
TypeScript
import { StyleSheet } from 'react-native';
|
|
|
|
export const RegisterStyle = StyleSheet.create({
|
|
langContainer: {
|
|
width: '100%',
|
|
marginTop: 10,
|
|
display: 'flex',
|
|
flexDirection: 'row',
|
|
justifyContent: 'space-between',
|
|
alignItems: 'center',
|
|
paddingHorizontal: 16,
|
|
},
|
|
container: {
|
|
flex: 1,
|
|
},
|
|
background: {
|
|
flex: 1,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
},
|
|
scrollContainer: {
|
|
flexGrow: 1,
|
|
justifyContent: 'center',
|
|
width: '100%',
|
|
},
|
|
loginContainer: {
|
|
borderRadius: 20,
|
|
padding: 30,
|
|
display: 'flex',
|
|
gap: 20,
|
|
width: '100%',
|
|
position: 'relative',
|
|
},
|
|
sectionsContainer: {
|
|
flexDirection: 'row',
|
|
justifyContent: 'space-between',
|
|
gap: 15,
|
|
},
|
|
mainTitle: {
|
|
fontSize: 16,
|
|
fontWeight: '500',
|
|
color: '#252525ff',
|
|
marginBottom: 10,
|
|
},
|
|
label: {
|
|
fontSize: 14,
|
|
fontWeight: '500',
|
|
color: '#252525ff',
|
|
marginBottom: 5,
|
|
},
|
|
title: {
|
|
fontSize: 24,
|
|
fontFamily: 'GolosText-Bold',
|
|
textAlign: 'center',
|
|
color: '#000',
|
|
marginBottom: 20,
|
|
},
|
|
errorText: {
|
|
color: 'red',
|
|
fontSize: 12,
|
|
},
|
|
input: {
|
|
borderWidth: 1,
|
|
borderColor: '#D8DADC',
|
|
borderRadius: 12,
|
|
padding: 15,
|
|
fontSize: 16,
|
|
fontWeight: '400',
|
|
backgroundColor: '#FFFFFF',
|
|
color: '#000',
|
|
},
|
|
seriyaInput: {
|
|
width: 60,
|
|
fontSize: 14,
|
|
textTransform: 'uppercase',
|
|
borderTopRightRadius: 0,
|
|
borderBottomRightRadius: 0,
|
|
},
|
|
raqamInput: {
|
|
flex: 1,
|
|
fontSize: 16,
|
|
borderTopLeftRadius: 0,
|
|
borderBottomLeftRadius: 0,
|
|
},
|
|
selector: {
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
justifyContent: 'space-between',
|
|
width: '100%',
|
|
},
|
|
selectedText: {
|
|
fontSize: 14,
|
|
color: '#D8DADC',
|
|
},
|
|
dropdown: {
|
|
position: 'absolute',
|
|
top: 80,
|
|
left: 0,
|
|
right: 0,
|
|
backgroundColor: '#fff',
|
|
borderWidth: 1,
|
|
borderColor: '#ccc',
|
|
borderRadius: 8,
|
|
zIndex: 10,
|
|
elevation: 5,
|
|
shadowColor: '#000',
|
|
shadowOffset: { width: 0, height: 2 },
|
|
shadowOpacity: 0.2,
|
|
shadowRadius: 4,
|
|
maxHeight: 150,
|
|
},
|
|
dropdownItem: {
|
|
paddingVertical: 10,
|
|
paddingHorizontal: 12,
|
|
},
|
|
dropdownItemText: {
|
|
fontSize: 14,
|
|
color: '#333',
|
|
},
|
|
button: {
|
|
backgroundColor: '#28A7E8',
|
|
height: 56,
|
|
borderRadius: 8,
|
|
textAlign: 'center',
|
|
display: 'flex',
|
|
justifyContent: 'center',
|
|
},
|
|
btnText: {
|
|
color: '#fff',
|
|
fontSize: 20,
|
|
textAlign: 'center',
|
|
},
|
|
termsContainer: {
|
|
marginVertical: 15,
|
|
paddingHorizontal: 5,
|
|
},
|
|
checkboxContainer: {
|
|
flexDirection: 'row',
|
|
alignItems: 'flex-start',
|
|
paddingVertical: 5,
|
|
},
|
|
checkbox: {
|
|
width: 24,
|
|
height: 24,
|
|
borderWidth: 2.5,
|
|
borderColor: '#E0E4E7',
|
|
borderRadius: 6,
|
|
marginRight: 12,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
marginTop: 1,
|
|
backgroundColor: '#FFFFFF',
|
|
elevation: 2,
|
|
},
|
|
checkboxChecked: {
|
|
backgroundColor: '#28A7E8',
|
|
borderColor: '#28A7E8',
|
|
},
|
|
termsTextContainer: {
|
|
flex: 1,
|
|
paddingTop: 2,
|
|
},
|
|
termsText: {
|
|
fontSize: 15,
|
|
color: '#2C3E50',
|
|
lineHeight: 22,
|
|
fontWeight: '400',
|
|
},
|
|
termsLink: {
|
|
color: '#28A7E8',
|
|
fontFamily: 'GolosText-Bold',
|
|
textDecorationLine: 'underline',
|
|
fontSize: 15,
|
|
},
|
|
buttonDisabled: {
|
|
backgroundColor: '#28A7E8',
|
|
opacity: 0.7,
|
|
},
|
|
buttonTextDisabled: {
|
|
color: 'white',
|
|
},
|
|
btnRegister: {
|
|
color: '#28A7E8',
|
|
fontSize: 14,
|
|
fontWeight: '500',
|
|
},
|
|
content: {
|
|
flex: 1,
|
|
},
|
|
inputContainer: {
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
borderWidth: 1,
|
|
borderColor: '#D8DADC',
|
|
borderRadius: 12,
|
|
paddingHorizontal: 15,
|
|
height: 56,
|
|
backgroundColor: '#FFFFFF',
|
|
},
|
|
iconButton: {
|
|
position: 'absolute',
|
|
right: 12,
|
|
top: '50%',
|
|
transform: [{ translateY: -12 }],
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
height: 24,
|
|
width: 24,
|
|
},
|
|
});
|