forked from peacechen/react-native-modal-selector
-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.js
84 lines (69 loc) · 1.74 KB
/
style.js
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
'use strict';
import { StyleSheet } from 'react-native';
const PADDING = 8;
const BORDER_RADIUS = 5;
const FONT_SIZE = 16;
const HIGHLIGHT_COLOR = 'rgba(0,118,255,0.9)';
export default StyleSheet.create({
overlayStyle: {
flex: 1,
padding: '5%',
justifyContent: 'center',
backgroundColor: 'rgba(0,0,0,0.7)',
},
optionContainer: {
borderRadius: BORDER_RADIUS,
flexShrink: 1,
marginBottom: 8,
padding: PADDING,
backgroundColor: 'rgba(255,255,255,0.8)',
},
cancelContainer: {
alignSelf: 'stretch',
},
selectStyle: {
borderColor: '#ccc',
borderWidth: 1,
padding: PADDING,
borderRadius: BORDER_RADIUS,
},
selectTextStyle: {
textAlign: 'center',
color: '#333',
fontSize: FONT_SIZE,
},
cancelStyle: {
borderRadius: BORDER_RADIUS,
backgroundColor: 'rgba(255,255,255,0.8)',
padding: PADDING,
},
cancelTextStyle: {
textAlign: 'center',
color: '#333',
fontSize: FONT_SIZE,
},
optionStyle: {
padding: PADDING,
borderBottomWidth: 1,
borderBottomColor: '#ccc',
},
optionTextStyle: {
textAlign: 'center',
fontSize: FONT_SIZE,
color: HIGHLIGHT_COLOR,
},
sectionStyle: {
padding: PADDING * 2,
borderBottomWidth: 1,
borderBottomColor: '#ccc',
},
sectionTextStyle: {
textAlign: 'center',
fontSize: FONT_SIZE,
},
initValueTextStyle: {
textAlign: 'center',
fontSize: FONT_SIZE,
color: '#d3d3d3',
},
});