132 lines
2.4 KiB
TypeScript
132 lines
2.4 KiB
TypeScript
import { StyleSheet } from 'react-native';
|
|
|
|
export const Loginstyle = StyleSheet.create({
|
|
langContainer: {
|
|
width: '100%',
|
|
marginTop: 10,
|
|
display: 'flex',
|
|
flexDirection: 'row',
|
|
justifyContent: 'space-between',
|
|
alignItems: 'center',
|
|
paddingHorizontal: 16,
|
|
},
|
|
errorModal: {
|
|
width: '80%',
|
|
backgroundColor: '#fff',
|
|
padding: 20,
|
|
},
|
|
background: {
|
|
flex: 1,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
},
|
|
overlay: {
|
|
...StyleSheet.absoluteFillObject,
|
|
backgroundColor: 'rgba(255, 255, 255, 0.7)',
|
|
},
|
|
container: {
|
|
flex: 1,
|
|
},
|
|
scrollContainer: {
|
|
flexGrow: 1,
|
|
justifyContent: 'center',
|
|
width: '100%',
|
|
},
|
|
loginContainer: {
|
|
borderRadius: 20,
|
|
padding: 30,
|
|
display: 'flex',
|
|
gap: 20,
|
|
width: '100%',
|
|
position: 'relative',
|
|
},
|
|
label: {
|
|
fontSize: 14,
|
|
fontWeight: '500',
|
|
color: '#252525ff',
|
|
marginBottom: 5,
|
|
},
|
|
title: {
|
|
fontSize: 24,
|
|
fontFamily: 'GolosText-Bold',
|
|
textAlign: 'center',
|
|
color: '#000',
|
|
marginBottom: 20,
|
|
},
|
|
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',
|
|
},
|
|
errorText: {
|
|
color: 'red',
|
|
fontSize: 12,
|
|
},
|
|
});
|