style.js 2.98 KB
Newer Older
1 2 3 4 5 6 7 8 9
import {StyleSheet, Dimensions} from 'react-native';
import colors from '../../values/colors';
const windowWidth = Dimensions.get('window').width;

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  viewContent: {
quynhquang400@gmail.com's avatar
quynhquang400@gmail.com committed
10
    borderRadius: 5,
11
    borderWidth: 1,
12 13 14
    width: windowWidth - 20,
    borderColor: colors.white,
    backgroundColor: colors.white,
15
    alignSelf: 'center',
16
    margin: 10,
17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
  },
  bgQuote: {
    width: windowWidth - 10,
    height: '100%',
    resizeMode: 'contain',
  },
  text: {
    fontSize: 18,
    fontFamily: 'Roboto-medium',
    color: '#fff',
  },
  textQuote: {
    color: '#084884',
    fontSize: 15,
    textAlign: 'right',
  },
  calendarHolder: {
34
    margin: 10,
35 36 37 38 39 40 41
    borderTopLeftRadius: 15,
    borderTopRightRadius: 15,
    backgroundColor: 'white',
  },
  BgBirthday: {
    width: windowWidth - 20,
    height: 80,
42
    resizeMode: 'cover',
43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147
  },
  view: {
    width: windowWidth - 10,
    alignSelf: 'center',
    borderWidth: 1,
    borderRadius: 5,
    backgroundColor: 'white',
    borderColor: 'white',
    padding: 10,
    marginTop: 10,
  },
  viewHappyBirthday: {
    padding: 20,
    marginVertical: 8,
    marginHorizontal: 16,
    borderWidth: 1,
    borderBottomColor: '#f2f2f2',
    borderTopColor: '#f2f2f2',
    borderRightColor: '#f2f2f2',
    borderTopLeftRadius: 10,
    borderBottomLeftRadius: 10,
    justifyContent: 'space-between',
  },
  openViewHappyBirthday: {
    borderLeftWidth: 4,
    borderLeftColor: 'blue',
  },
  closeViewHappyBirthday: {
    borderLeftWidth: 1,
  },
  txtTitle: {
    color: 'black',
    fontSize: 15,
    fontWeight: '500',
  },
  btnOpenHappyBirthday: {
    borderWidth: 1,
    borderColor: 'blue',
    borderRadius: 8,
    justifyContent: 'center',
    alignItems: 'center',
    padding: 10,
  },
  contentContainer: {
    backgroundColor: 'white',
    padding: 10,
    paddingBottom: 50,
    // position: 'absolute',
    // bottom: 0,

    width: '100%',
    minHeight: '50%',
  },
  viewAddMoreImg: {
    padding: 10,
    borderWidth: 1,
    width: 60,
    height: 60,
    justifyContent: 'center',
    alignItems: 'center',
    borderStyle: 'dotted',
    borderColor: 'blue',
    marginTop: 10,
  },
  btnSuggest: {
    padding: 5,
    borderRadius: 10,
    borderWidth: 0.5,
    borderColor: 'white',
    width: '90%',
    justifyContent: 'space-between',
    alignItems: 'center',
    marginVertical: 8,
    backgroundColor: colors.royal_blue,
  },
  imgAvatar: {
    width: 90,
    height: 90,
    resizeMode: 'contain',
    alignSelf: 'center',
    borderRadius: 60,
  },
  coverImage: {
    width: windowWidth - 20,
    height: 200,
    resizeMode: 'cover',
  },
  viewImageProfile: {
    width: windowWidth - 20,
    height: 370,
    alignItems: 'center',
    borderWidth: 1,
    backgroundColor: colors.white,
    borderColor: colors.white,
    marginBottom: 10,
  },
  viewAvatar: {
    borderWidth: 5,
    borderRadius: 60,
    borderColor: 'white',
    marginTop: -50,
    backgroundColor: 'white',
  },
});
export default styles;