Rocket.Chat.ReactNative/app/views/Styles.js

140 lines
2.4 KiB
JavaScript
Raw Normal View History

import { StyleSheet, Dimensions } from 'react-native';
export default StyleSheet.create({
container: {
backgroundColor: 'white',
flex: 1
},
loginView: {
padding: 20
},
view: {
flex: 1,
flexDirection: 'column',
justifyContent: 'center',
padding: 20,
alignItems: 'stretch',
backgroundColor: '#2f343d'
},
defaultView: {
flexDirection: 'column',
justifyContent: 'center',
padding: 20,
alignItems: 'stretch'
},
defaultViewBackground: {
backgroundColor: '#fff'
},
logoContainer: {
alignItems: 'center',
justifyContent: 'center',
flex: 1
},
loginLogo: {
width: Dimensions.get('window').width - 150,
height: Dimensions.get('window').width - 150,
resizeMode: 'contain'
},
registerLogo: {
width: Dimensions.get('window').width - 40,
height: 100,
resizeMode: 'contain'
},
formContainer: {},
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: 'red',
flexGrow: 1,
paddingHorizontal: 0,
marginBottom: 20
},
input: {
height: 45,
marginBottom: 20,
borderRadius: 2,
// padding: 14,
paddingHorizontal: 10,
borderWidth: 2,
backgroundColor: 'rgba(255,255,255,.2)',
borderColor: '#e1e5e8',
color: 'white'
},
input_white: {
height: 45,
marginBottom: 20,
borderRadius: 2,
// padding: 14,
paddingHorizontal: 10,
borderWidth: 2,
backgroundColor: 'white',
borderColor: 'rgba(0,0,0,.15)',
color: 'black'
},
buttonContainer: {
paddingVertical: 15,
backgroundColor: '#414852',
marginBottom: 20
},
buttonContainer_white: {
paddingVertical: 15,
backgroundColor: '#1d74f5',
marginBottom: 20
},
registerContainer: {
marginBottom: 0
},
button: {
textAlign: 'center',
color: 'white',
borderRadius: 2,
fontWeight: '700'
},
button_white: {
textAlign: 'center',
color: 'white',
borderRadius: 2,
fontWeight: '700'
},
error: {
textAlign: 'center',
color: 'red',
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
},
switchLabel: {
flexGrow: 1,
paddingHorizontal: 10
},
disabledButton: {
backgroundColor: '#e1e5e8'
},
enabledButton: {
backgroundColor: '#1d74f5'
}
});