Dulce-Work-Schedule/2018.1-Dulce_App

View on GitHub
src/Screens/styles.js

Summary

Maintainability
A
0 mins
Test Coverage
import {purple_dulce, orange_dulce, black_dulce} from '../styles';

export const styles = {
  editScreen: {
    container: {
      justifyContent: 'center',
      marginTop: 10,
      padding: 15,
      backgroundColor: '#FFF'
    },
    text: {
      fontSize: 15,
      marginBottom: 10,
      marginLeft: 10,
      color: black_dulce,
      fontFamily: 'Lato'
    },
    button: {
      height: 50,
      paddingHorizontal: 30,
      backgroundColor: purple_dulce,
      alignSelf: 'center',
      alignItems: 'center',
      width: 180,
      marginTop: '80%'
    }
  },
  listProfile: {
    center: {
      flex: 1,
      flexDirection: 'column',
      marginLeft: 2
    },

    colorPurple: {
      color: purple_dulce,
      fontSize: 17,
      fontFamily: 'Raleway'
    },
    img: {
      height: 40,
      resizeMode: 'contain'
    },
    text: {
      fontFamily: 'Lato',
      color: black_dulce,
      fontSize: 17
    },
    textPurple: {
      fontFamily: 'Lato',
      color: purple_dulce,
      fontSize: 17
    }
  },
  loginScreen: {
    container: {
      flex: 1,
      flexDirection: 'column',
      padding: 15,
      backgroundColor: '#FFF'
    },
    input: {
      height: 36,
      borderBottomWidth: 1,
      borderBottomColor: 'grey',
      marginBottom: 10,
      width: '100%',
      alignSelf: 'center'
    },
    text: {
      fontSize: 15,
      color: purple_dulce
    },
    buttonRegister: {
      alignSelf: 'center'
    },
    logo: {
      alignSelf: 'center',
      height: 140,
      resizeMode: 'contain',
      backgroundColor: 'transparent',
      marginTop: 20
    }
  },
  newProfile: {
    picker: {
      height: 50,
      width: 300,
      marginBottom: 5,
      marginLeft: 10
    },
    container: {
      justifyContent: 'center',
      marginTop: 10,
      padding: 15,
      backgroundColor: '#FFF'
    },
    title: {
      fontSize: 30,
      alignSelf: 'center',
      marginBottom: 30
    },
    buttonText: {
      fontSize: 18,
      color: 'white',
      alignSelf: 'center'
    },
    item: {
      borderBottomWidth: 1
    },
    errorTextStyle: {
      fontSize: 20,
      alignSelf: 'center',
      color: 'red'
    },
    text: {
      fontSize: 15,
      marginBottom: 10,
      marginLeft: 10,
      color: 'black',
      fontFamily: 'Raleway'
    }
  },
  newUser: {
    container: {
      justifyContent: 'center',
      marginTop: 10,
      padding: 15,
      backgroundColor: '#FFF'
    },
    title: {
      fontSize: 30,
      alignSelf: 'center',
      marginBottom: 30
    },
    buttonText: {
      fontSize: 18,
      color: 'white',
      alignSelf: 'center'
    },
    item: {
      borderBottomWidth: 1
    },
    errorTextStyle: {
      fontSize: 20,
      alignSelf: 'center',
      color: 'red'
    }
  },
  notificationScreen: {
    view1: {
      flex: 1,
      flexDirection: 'row'
    },
    view2: {
      flex: 1,
      flexDirection: 'column',
      alignItems: 'center'
    },
    view3: {
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center'
    },
    view4: {
      flex: 1,
      flexDirection: 'column',
      alignItems: 'center',
      justifyContent: 'flex-end'
    },
    buttonView: {
      flexDirection: 'row',
      marginLeft: '60%'
    },
    colorPurple: {
      color: purple_dulce,
      fontSize: 15,
      fontFamily: 'Raleway'
    },
    colorOrange: {
      color: orange_dulce,
      fontSize: 15,
      fontFamily: 'Raleway'
    },
    text: {
      color: black_dulce,
      fontSize: 16,
      fontFamily: 'Lato',
      textDecorationStyle: 'solid'
    },
    icon: {
      fontSize: 40,
      color: purple_dulce
    }
  },
  profileManagerScreen: {
    container: {
      flex: 8,
      flexDirection: 'column',
      backgroundColor: '#FFF'
    },
    text: {
      fontSize: 22,
      marginBottom: 15,
      fontFamily: 'Lato'
    },
    textProfile: {
      fontSize: 25,
      marginBottom: 15,
      alignSelf: 'center',
      fontFamily: 'Raleway'
    },
    textEmail: {
      fontSize: 22,
      marginBottom: 15,
      fontFamily: 'Lato',
      alignSelf: 'center'
    },
    transparentButton: {
      height: 50,
      alignItems: 'center',
      justifyContent: 'center',
      alignSelf: 'center',
      marginBottom: 20,
      width: 170,
      margin: 20,
      marginHorizontal: 120
    },
    textButtonTrasparent: {
      color: orange_dulce,
      fontSize: 17,
      fontFamily: 'Raleway',
      alignItems: 'center'
    }
  },
  weekSchedule: {
    item: {
      backgroundColor: 'white',
      flex: 1,
      borderRadius: 5,
      padding: 10,
      marginRight: 10,
      marginTop: 17
    },
    emptyDate: {
      height: 15,
      flex: 1,
      paddingTop: 30
    }
  }
};

export const editScreen = styles.editScreen;
export const listProfile = styles.listProfile;
export const loginScreen = styles.loginScreen;
export const newProfile = styles.newProfile;
export const newUser = styles.newUser;
export const notificationScreen = styles.notificationScreen;
export const profileManagerScreen = styles.profileManagerScreen;
export const weekSchedule = styles.weekSchedule;