173 lines
3.0 KiB
JavaScript
173 lines
3.0 KiB
JavaScript
import { StyleSheet, Platform } from 'react-native';
|
|
|
|
const isIOS = () => Platform.OS === 'ios';
|
|
|
|
export default StyleSheet.create({
|
|
container: {
|
|
flex: 1,
|
|
backgroundColor: isIOS() ? '#FFF' : '#E1E5E8'
|
|
},
|
|
separator: {
|
|
height: StyleSheet.hairlineWidth,
|
|
backgroundColor: '#E1E5E8',
|
|
marginLeft: 78
|
|
},
|
|
list: {
|
|
width: '100%',
|
|
backgroundColor: '#FFFFFF'
|
|
},
|
|
emptyView: {
|
|
flexGrow: 1,
|
|
alignItems: 'stretch',
|
|
justifyContent: 'center'
|
|
},
|
|
emptyText: {
|
|
textAlign: 'center',
|
|
fontSize: 18,
|
|
color: '#ccc'
|
|
},
|
|
actionButtonIcon: {
|
|
fontSize: 20,
|
|
height: 22,
|
|
color: 'white'
|
|
},
|
|
searchBoxView: {
|
|
backgroundColor: '#eee'
|
|
},
|
|
searchBox: {
|
|
backgroundColor: '#fff',
|
|
margin: 5,
|
|
borderRadius: 5,
|
|
padding: 5,
|
|
paddingLeft: 10,
|
|
color: '#aaa'
|
|
},
|
|
loading: {
|
|
flex: 1
|
|
},
|
|
dropdownContainerHeader: {
|
|
height: 41,
|
|
borderBottomWidth: StyleSheet.hairlineWidth,
|
|
borderColor: '#E1E5E8',
|
|
alignItems: 'center',
|
|
backgroundColor: isIOS() ? '#fff' : '#54585E',
|
|
flexDirection: 'row'
|
|
},
|
|
sortToggleContainerClose: {
|
|
position: 'absolute',
|
|
top: 0,
|
|
width: '100%'
|
|
},
|
|
sortToggleText: {
|
|
color: '#9EA2A8',
|
|
fontSize: 15,
|
|
fontWeight: 'normal',
|
|
flex: 1,
|
|
marginLeft: 15
|
|
},
|
|
dropdownContainer: {
|
|
backgroundColor: '#fff',
|
|
width: '100%',
|
|
position: 'absolute',
|
|
top: 0
|
|
},
|
|
sortItemButton: {
|
|
height: 57,
|
|
justifyContent: 'center'
|
|
},
|
|
sortItemContainer: {
|
|
flexDirection: 'row',
|
|
alignItems: 'center'
|
|
},
|
|
sortItemText: {
|
|
color: '#54585E',
|
|
fontSize: 18,
|
|
fontWeight: 'normal',
|
|
flex: 1
|
|
},
|
|
backdrop: {
|
|
...StyleSheet.absoluteFill,
|
|
backgroundColor: '#000000'
|
|
},
|
|
sortSeparator: {
|
|
height: StyleSheet.hairlineWidth,
|
|
backgroundColor: '#CBCED1',
|
|
marginHorizontal: 15,
|
|
flex: 1
|
|
},
|
|
sortIcon: {
|
|
width: 20,
|
|
height: 20,
|
|
marginHorizontal: 15,
|
|
resizeMode: 'contain',
|
|
justifyContent: 'center'
|
|
},
|
|
groupTitleContainer: {
|
|
paddingHorizontal: 15,
|
|
paddingTop: 17,
|
|
paddingBottom: 10,
|
|
backgroundColor: isIOS() ? '#fff' : '#E1E5E8'
|
|
},
|
|
groupTitle: {
|
|
color: isIOS() ? '#2F343D' : '#54585E',
|
|
fontSize: isIOS() ? 22 : 15,
|
|
fontWeight: 'bold',
|
|
letterSpacing: 0.27,
|
|
flex: 1,
|
|
lineHeight: isIOS() ? 41 : 24
|
|
},
|
|
serverHeader: {
|
|
justifyContent: 'space-between'
|
|
},
|
|
serverHeaderText: {
|
|
color: '#9EA2A8',
|
|
fontSize: 15,
|
|
fontWeight: 'normal',
|
|
marginLeft: 15
|
|
},
|
|
serverHeaderAdd: {
|
|
color: isIOS() ? '#1D74F5' : '#FFF',
|
|
fontSize: 15,
|
|
fontWeight: 'normal',
|
|
marginRight: 15
|
|
},
|
|
serverItem: {
|
|
height: 68
|
|
},
|
|
serverItemContainer: {
|
|
flexDirection: 'row',
|
|
alignItems: 'center'
|
|
},
|
|
serverIcon: {
|
|
width: 42,
|
|
height: 42,
|
|
marginHorizontal: 15,
|
|
marginVertical: 13,
|
|
borderRadius: 4,
|
|
resizeMode: 'contain'
|
|
},
|
|
serverTextContainer: {
|
|
flex: 1,
|
|
flexDirection: 'column',
|
|
justifyContent: 'center'
|
|
},
|
|
serverName: {
|
|
fontSize: 18, fontWeight: '600', color: '#0C0D0F'
|
|
},
|
|
serverUrl: {
|
|
fontSize: 15,
|
|
color: '#9EA2A8'
|
|
},
|
|
checkIcon: {
|
|
width: 20,
|
|
height: 20,
|
|
marginHorizontal: 15,
|
|
resizeMode: 'contain'
|
|
},
|
|
serverSeparator: {
|
|
height: StyleSheet.hairlineWidth,
|
|
backgroundColor: '#E1E5E8',
|
|
marginLeft: 72
|
|
}
|
|
});
|