NearMePedia/Style.js at master · matteomessmer/NearMePedia · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
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
import { StyleSheet } from 'react-native';

const primaryColor = '#81b9bf';
const primaryDarkColor = '#52898f';
const secondaryColor = '#52898f';
const secondaryDarkColor = '#225c62';
const red = '#ff4d4d';
const darkRed = '#773333';
const lightGray = '#eeeeee';
const gray = '#dddddd';
const darkGray = '#aaaaaa';

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: lightGray,
    },
    rowContainer: {
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'space-between'
    },
	fillColumn: {
		flex: 1,
	},
    title: {
        textAlign: 'center',
        marginVertical: 8,
        fontSize: 23,
        fontWeight: 'bold',
    },
    body: {
        textAlign: 'center',
        marginVertical: 8,
        fontSize: 19,
    },
	cardContent: {
		justifyContent: 'center',
		alignItems: 'center',
	},
    textInput: {
        borderColor: darkGray,
        borderWidth: 1,
        padding: 5,
        margin: 10
    },
    separator: {
        marginVertical: 4,
        borderBottomColor: darkGray,
        borderBottomWidth: StyleSheet.hairlineWidth,
    },
    primaryButton:
    {
        margin: 10,
        backgroundColor: primaryColor,
        borderWidth: 1,
        borderRadius: 4,
        borderColor: primaryDarkColor,
        height: 40,
		justifyContent: 'center',
		alignItems: 'center',
    },
    secondaryButton:
    {
        borderWidth: 1,
        borderRadius: 4,
        margin: 10,
        backgroundColor: secondaryColor,
        borderColor: secondaryDarkColor,
        height: 40,
		justifyContent: 'center',
		alignItems: 'center',
    },
	deleteButton:
    {
        borderWidth: 1,
        borderRadius: 4,
        margin: 10,
        backgroundColor: red,
        borderColor: darkRed,
        height: 40,
		justifyContent: 'center',
		alignItems: 'center',
    },
	iconButton: {
        margin: 10,
        height: 40,
        width: 40,
		justifyContent: 'center',
		alignItems: 'center',
	},
	buttonText: {
		fontSize: 17,
	},
	plainList: {
		margin: 10
	},
	listViewItem: {
		alignSelf: 'stretch',
        borderWidth: 1,
        padding: 10,
        borderRadius: 4,
        margin: 5,
        height: 40,
        color: "black",
        justifyContent: 'center',
    },
	listViewItemText: {
        fontSize: 17
    },
	marker: {
		borderRadius: 4,
		margin: 10,
		marginBottom:0,
		fontSize:17,
	},
	subtitle: {
        fontStyle: 'italic',
		textAlign: 'center',
		fontSize:14,
		color:darkGray,
		marginBottom: 10
	}
});

export default styles;