src/views/journal/Styles.js
import {StyleSheet} from 'react-native';
import {JournalColors} from '../../utils/ColorConstants';
/**
* Styles used in journal
* @type {Object}
*/
const journalStyles = StyleSheet.create({
avatar: {
backgroundColor: JournalColors.BACKGROUND_VIEW,
marginLeft: 20,
marginRight: 20,
},
avatarContainer: {
flexDirection: 'row',
justifyContent: 'space-between',
alignItems: 'center',
},
container: {
flex: 1,
width: '100%',
height: '100%',
flexDirection: 'column',
backgroundColor: JournalColors.BACKGROUND_VIEW,
},
userInfoBar: {
flex: 1,
maxHeight: 80,
flexDirection: 'row',
alignItems: 'center',
justifyContent: 'space-between',
paddingLeft: 30,
paddingRight: 30,
},
body: {
flex: 1,
paddingLeft: 30,
paddingRight: 30,
marginTop: 20,
marginBottom: 20,
},
// Table styles
table: {
flex: 1,
flexDirection: 'column',
backgroundColor: JournalColors.BACKGROUND_ELEMENT,
},
tableHeader: {
height: 44,
},
tableRow: {
height: 44,
justifyContent: 'flex-start',
alignItems: 'flex-start',
alignContent: 'flex-start',
},
});
export {journalStyles};