Rocket.Chat.ReactNative/app/containers/UIKit/MultiSelect/styles.js

87 lines
1.3 KiB
JavaScript

import { StyleSheet } from 'react-native';
import sharedStyles from '../../../views/Styles';
export default StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'flex-end'
},
backdrop: {
...StyleSheet.absoluteFill,
opacity: 0.3
},
modal: {
height: 300,
width: '100%',
borderTopRightRadius: 16,
borderTopLeftRadius: 16,
overflow: 'hidden'
},
content: {
padding: 16
},
animatedContent: {
width: '100%'
},
keyboardView: {
width: '100%'
},
pickerText: {
...sharedStyles.textRegular,
fontSize: 16
},
item: {
height: 48,
maxWidth: '85%',
alignItems: 'center',
flexDirection: 'row'
},
input: {
minHeight: 48,
padding: 8,
paddingBottom: 0,
borderWidth: StyleSheet.hairlineWidth,
borderRadius: 2,
alignItems: 'center',
flexDirection: 'row'
},
icon: {
position: 'absolute',
right: 16
},
itemContent: {
paddingBottom: 36
},
items: {
height: 226
},
chips: {
flexDirection: 'row',
flexWrap: 'wrap',
marginRight: 50
},
chip: {
flexDirection: 'row',
borderRadius: 2,
height: 28,
alignItems: 'center',
paddingHorizontal: 4,
marginBottom: 8,
marginRight: 8
},
chipText: {
paddingHorizontal: 8,
flexShrink: 1,
...sharedStyles.textMedium,
fontSize: 14
},
chipImage: {
marginLeft: 4,
borderRadius: 2,
width: 20,
height: 20
}
});