Home Reference Source

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};