styles.js 1.53 KB
import { Platform, StyleSheet } from 'react-native'
import { STATUS_BAR_HEIGHT } from '../constants'

export const colors = {
  primary: '#D71E1E',
  muted: '#6C757D',
  white: '#FFFFFF',
  grey: '#DDDD',
  secondary: '#DDDD'
}

export default StyleSheet.create({
  activity: {
    justifyContent: 'center'
  },
  datePicker: {
    width: undefined,
    borderTopColor: colors.primary
  },
  pane: {
    flex: 1,
    backgroundColor: colors.white,
    paddingBottom: 20,
    paddingTop: 0,
  },
  footer: {
    height: 50,
    backgroundColor: colors.primary,
    justifyContent: 'space-evenly',
    flexDirection: 'row',
    alignItems: 'center',
  },
  button: {
    backgroundColor: colors.primary,
    margin: 10,
    marginBottom: 0,
  },
  headerStyle: {
    height: 54, //Platform.OS === 'android' ? 54 + STATUS_BAR_HEIGHT : 54,
    backgroundColor: colors.primary
  },
  fixStatusBar: {
    marginTop: Platform.OS === 'android' ? STATUS_BAR_HEIGHT : 0,
  },
  headerTitleStyle: {
    marginTop: 0,
    color: 'white'
  },
  label: {
    padding: 10,
    fontSize: 16,
    backgroundColor: colors.secondary,
    fontWeight: 'bold',
  },
  contentContainer: {
    paddingVertical: 0,
    alignItems: 'stretch'
  },
  input: {
    borderColor: colors.muted,
    borderWidth: 1,
    margin: 5,
    padding: 5
  },
  oneline: {
    height: 35,
  },
  textAreaContainer: {
    borderColor: colors.muted,
    borderWidth: 1,
    margin: 5,
    padding: 5
  },
  textArea: {
      height: 150,
      justifyContent: 'flex-start',
      textAlignVertical: 'top'
  }
})