verdnatura-chat/app/views/RoomInfoView/styles.ts

87 lines
1.4 KiB
TypeScript

import { StyleSheet } from 'react-native';
import sharedStyles from '../Styles';
export default StyleSheet.create({
container: {
flex: 1
},
scroll: {
flex: 1,
flexDirection: 'column'
},
item: {
paddingVertical: 10,
paddingHorizontal: 20,
justifyContent: 'center'
},
avatarContainer: {
minHeight: 320,
flexDirection: 'column',
alignItems: 'center',
justifyContent: 'center',
marginBottom: 20,
paddingVertical: 8
},
avatar: {
marginHorizontal: 10
},
roomTitleContainer: {
paddingTop: 32,
marginHorizontal: 16,
alignItems: 'center'
},
roomTitle: {
fontSize: 20,
...sharedStyles.textAlignCenter,
...sharedStyles.textMedium
},
roomUsername: {
fontSize: 18,
...sharedStyles.textAlignCenter,
...sharedStyles.textRegular
},
roomTitleRow: {
flexDirection: 'row',
alignItems: 'center'
},
itemLabel: {
marginBottom: 10,
fontSize: 14,
...sharedStyles.textMedium
},
itemContent: {
fontSize: 14,
...sharedStyles.textRegular
},
itemContent__empty: {
fontStyle: 'italic'
},
rolesContainer: {
flexDirection: 'row',
flexWrap: 'wrap'
},
roleBadge: {
padding: 6,
borderRadius: 4,
marginRight: 6,
marginBottom: 6
},
role: {
fontSize: 14,
...sharedStyles.textRegular
},
roomButtonsContainer: {
flexDirection: 'row',
paddingTop: 30
},
roomButton: {
alignItems: 'center',
paddingHorizontal: 20,
justifyContent: 'space-between'
},
roomButtonText: {
marginTop: 5
}
});