200 lines
3.2 KiB
JavaScript
200 lines
3.2 KiB
JavaScript
import { StyleSheet, Platform } from 'react-native';
|
|
|
|
import { COLOR_DANGER, COLOR_BUTTON_PRIMARY, COLOR_TEXT } from '../constants/colors';
|
|
|
|
export default StyleSheet.create({
|
|
container: {
|
|
backgroundColor: 'white',
|
|
flex: 1
|
|
},
|
|
containerScrollView: {
|
|
padding: 20
|
|
},
|
|
label: {
|
|
lineHeight: 40,
|
|
height: 40,
|
|
fontSize: 16,
|
|
marginBottom: 5,
|
|
color: 'white'
|
|
},
|
|
label_white: {
|
|
lineHeight: 40,
|
|
height: 40,
|
|
fontSize: 16,
|
|
marginBottom: 5,
|
|
color: '#2f343d'
|
|
},
|
|
label_error: {
|
|
color: COLOR_DANGER,
|
|
flexGrow: 1,
|
|
paddingHorizontal: 0,
|
|
marginBottom: 20
|
|
},
|
|
buttonContainerLastChild: {
|
|
marginBottom: 40
|
|
},
|
|
buttonContainer: {
|
|
paddingVertical: 15,
|
|
backgroundColor: '#414852',
|
|
marginBottom: 20,
|
|
borderRadius: 2
|
|
},
|
|
buttonContainer_white: {
|
|
paddingVertical: 15,
|
|
backgroundColor: '#1d74f5',
|
|
marginBottom: 20
|
|
},
|
|
buttonContainer_inverted: {
|
|
paddingVertical: 15,
|
|
marginBottom: 0
|
|
},
|
|
button: {
|
|
textAlign: 'center',
|
|
color: 'white',
|
|
fontWeight: '700'
|
|
},
|
|
button_white: {
|
|
textAlign: 'center',
|
|
color: 'white',
|
|
fontWeight: '700'
|
|
},
|
|
button_inverted: {
|
|
textAlign: 'center',
|
|
color: '#414852',
|
|
fontWeight: '700',
|
|
flexGrow: 1
|
|
},
|
|
error: {
|
|
textAlign: 'center',
|
|
color: COLOR_DANGER,
|
|
paddingTop: 5
|
|
},
|
|
loading: {
|
|
flex: 1,
|
|
position: 'absolute',
|
|
backgroundColor: 'rgba(255,255,255,.2)',
|
|
left: 0,
|
|
top: 0
|
|
},
|
|
switchContainer: {
|
|
flexDirection: 'row',
|
|
justifyContent: 'flex-start',
|
|
alignItems: 'center',
|
|
paddingHorizontal: 0,
|
|
paddingBottom: 5
|
|
},
|
|
switchLabel: {
|
|
fontSize: 16,
|
|
color: '#2f343d',
|
|
paddingHorizontal: 10
|
|
},
|
|
switchDescription: {
|
|
fontSize: 16,
|
|
color: '#9ea2a8'
|
|
},
|
|
disabledButton: {
|
|
backgroundColor: '#e1e5e8'
|
|
},
|
|
enabledButton: {
|
|
backgroundColor: '#1d74f5'
|
|
},
|
|
link: {
|
|
fontWeight: 'bold',
|
|
color: COLOR_BUTTON_PRIMARY
|
|
},
|
|
loginTermsText: {
|
|
marginBottom: 20,
|
|
color: '#414852',
|
|
fontSize: 13,
|
|
fontWeight: '700'
|
|
},
|
|
loginOAuthButtons: {
|
|
flexDirection: 'row',
|
|
flexWrap: 'wrap',
|
|
justifyContent: 'center'
|
|
},
|
|
validText: {
|
|
color: 'green'
|
|
},
|
|
invalidText: {
|
|
color: COLOR_DANGER
|
|
},
|
|
validatingText: {
|
|
color: '#aaa'
|
|
},
|
|
oauthButton: {
|
|
width: 50,
|
|
height: 50,
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
margin: 4,
|
|
borderRadius: 2
|
|
},
|
|
facebookButton: {
|
|
backgroundColor: '#3b5998'
|
|
},
|
|
githubButton: {
|
|
backgroundColor: '#4c4c4c'
|
|
},
|
|
gitlabButton: {
|
|
backgroundColor: '#373d47'
|
|
},
|
|
googleButton: {
|
|
backgroundColor: '#dd4b39'
|
|
},
|
|
linkedinButton: {
|
|
backgroundColor: '#1b86bc'
|
|
},
|
|
meteorButton: {
|
|
backgroundColor: '#de4f4f'
|
|
},
|
|
twitterButton: {
|
|
backgroundColor: '#02acec'
|
|
},
|
|
closeOAuth: {
|
|
position: 'absolute',
|
|
left: 5,
|
|
top: Platform.OS === 'ios' ? 20 : 0,
|
|
backgroundColor: 'transparent'
|
|
},
|
|
oAuthModal: {
|
|
margin: 0
|
|
},
|
|
status: {
|
|
position: 'absolute',
|
|
bottom: -3,
|
|
right: -3,
|
|
borderWidth: 3,
|
|
borderColor: '#fff',
|
|
borderRadius: 16,
|
|
width: 16,
|
|
height: 16
|
|
},
|
|
alignItemsFlexEnd: {
|
|
alignItems: 'flex-end'
|
|
},
|
|
alignItemsFlexStart: {
|
|
alignItems: 'flex-start'
|
|
},
|
|
textAlignRight: {
|
|
textAlign: 'right'
|
|
},
|
|
opacity5: {
|
|
opacity: 0.5
|
|
},
|
|
|
|
loginText: {
|
|
fontWeight: '700',
|
|
color: COLOR_TEXT
|
|
},
|
|
loginTitle: {
|
|
fontSize: 20,
|
|
marginVertical: 25
|
|
},
|
|
loginLogo: {
|
|
width: 50,
|
|
height: 50,
|
|
marginVertical: 25
|
|
}
|
|
});
|