76 lines
1.4 KiB
JavaScript
76 lines
1.4 KiB
JavaScript
|
import { StyleSheet, Platform, Dimensions } from 'react-native';
|
||
|
|
|
||
|
|
const TITLE_OFFSET = Platform.OS === 'ios' ? 70 : 56;
|
||
|
|
const { width } = Dimensions.get('window');
|
||
|
|
export default StyleSheet.create({
|
||
|
|
header: {
|
||
|
|
flexDirection: 'row',
|
||
|
|
alignItems: 'center',
|
||
|
|
flex: 1
|
||
|
|
},
|
||
|
|
titleContainer: {
|
||
|
|
left: TITLE_OFFSET,
|
||
|
|
right: TITLE_OFFSET,
|
||
|
|
position: 'absolute',
|
||
|
|
alignItems: 'center',
|
||
|
|
justifyContent: Platform.OS === 'ios' ? 'center' : 'flex-start',
|
||
|
|
flexDirection: 'row',
|
||
|
|
height: 44
|
||
|
|
},
|
||
|
|
status: {
|
||
|
|
borderRadius: 4,
|
||
|
|
width: 8,
|
||
|
|
height: 8,
|
||
|
|
marginRight: 10
|
||
|
|
},
|
||
|
|
avatar: {
|
||
|
|
marginRight: 10
|
||
|
|
},
|
||
|
|
title: {
|
||
|
|
fontWeight: '500',
|
||
|
|
color: '#292E35'
|
||
|
|
},
|
||
|
|
left: {
|
||
|
|
left: 0,
|
||
|
|
position: 'absolute'
|
||
|
|
},
|
||
|
|
right: {
|
||
|
|
right: 0,
|
||
|
|
position: 'absolute',
|
||
|
|
flexDirection: 'row'
|
||
|
|
},
|
||
|
|
modal: {
|
||
|
|
width: width - 60,
|
||
|
|
height: width - 60,
|
||
|
|
backgroundColor: '#F7F7F7',
|
||
|
|
borderRadius: 4,
|
||
|
|
flexDirection: 'column'
|
||
|
|
},
|
||
|
|
modalButton: {
|
||
|
|
flex: 1,
|
||
|
|
flexDirection: 'row',
|
||
|
|
alignItems: 'center',
|
||
|
|
justifyContent: 'center',
|
||
|
|
backgroundColor: 'transparent',
|
||
|
|
borderBottomWidth: StyleSheet.hairlineWidth,
|
||
|
|
borderBottomColor: 'rgba(0, 0, 0, .3)',
|
||
|
|
paddingHorizontal: 20
|
||
|
|
},
|
||
|
|
headerButton: {
|
||
|
|
backgroundColor: 'transparent',
|
||
|
|
height: 44,
|
||
|
|
width: 44,
|
||
|
|
alignItems: 'center',
|
||
|
|
justifyContent: 'center'
|
||
|
|
},
|
||
|
|
serverImage: {
|
||
|
|
width: 24,
|
||
|
|
height: 24,
|
||
|
|
borderRadius: 4
|
||
|
|
},
|
||
|
|
inputSearch: {
|
||
|
|
flex: 1,
|
||
|
|
marginLeft: 44
|
||
|
|
}
|
||
|
|
});
|