Files
mobile-darmasaba/constants/Styles.ts
2025-02-25 15:09:41 +08:00

124 lines
2.3 KiB
TypeScript

import { StyleSheet } from "react-native";
const Styles = StyleSheet.create({
wrapLogin: {
flex: 1,
justifyContent: "flex-start",
alignItems: "stretch",
padding: 20,
},
textDefault: {
fontSize: 16,
lineHeight: 24,
},
textDefaultSemiBold: {
fontSize: 16,
lineHeight: 24,
fontWeight: '600',
},
textMediumNormal: {
fontSize: 13,
lineHeight: 24,
},
textMediumSemiBold: {
fontSize: 13,
lineHeight: 24,
fontWeight: '600',
},
textTitle: {
fontSize: 32,
fontWeight: 'bold',
lineHeight: 32,
},
textSubtitle: {
fontSize: 20,
fontWeight: 'bold',
},
textLink: {
lineHeight: 30,
fontSize: 16,
color: '#0a7ea4',
},
textInformation: {
fontSize: 12,
fontWeight: 'light',
marginTop: 5,
},
cError: {
color: '#DB1514'
},
cGray: {
color: 'gray'
},
cWhite: {
color: 'white'
},
cDefault: {
color: '#19345E'
},
mb15: {
marginBottom: 15
},
mb30: {
marginBottom: 30
},
round30: {
borderRadius: 30
},
btnIconHeader: {
backgroundColor: '#384288',
padding: 7,
borderRadius: 100,
},
btnRound: {
backgroundColor: '#19345E',
borderWidth: 0,
borderColor: '#19345E',
alignItems: 'center',
borderRadius: 30,
marginTop: 15,
paddingVertical: 10
},
inputRoundForm: {
borderRadius: 10,
borderColor: '#19345E',
borderWidth: 1,
paddingVertical: 10,
paddingHorizontal: 15,
},
inputRoundFormLeft: {
flexDirection: 'row',
alignItems: 'center',
paddingVertical: 0,
},
inputRoundFormRight: {
flexDirection: 'row-reverse',
alignItems: 'center',
paddingVertical: 0,
justifyContent: 'space-between'
},
verificationCell: {
width: 50,
height: 50,
lineHeight: 45,
fontSize: 24,
borderWidth: 1,
borderRadius: 15,
borderColor: 'gray',
textAlign: 'center',
},
verificationFocusCell: {
borderColor: '#19345E',
},
caraoselContent: {
flex: 1,
borderWidth: 1,
justifyContent: "center",
marginHorizontal: 15,
borderRadius: 15,
backgroundColor: '#19345E',
display: 'flex',
}
})
export default Styles;