clevertap-react-native/Example/styles.js at master · CleverTap/clevertap-react-native · 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
'use strict';

import { StyleSheet } from 'react-native';

module.exports = StyleSheet.create({
    modalBackground: {
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
      backgroundColor: 'rgba(0, 0, 0, 0.5)',
    },
    popupContainer: {
      width: '80%',
      padding: 20,
      backgroundColor: 'white',
      borderRadius: 10,
      alignItems: 'center',
    },
    title: {
      fontSize: 18,
      fontWeight: 'bold',
      marginBottom: 10,
    },
    description: {
      fontSize: 14,
      color: 'gray',
      marginBottom: 20,
      textAlign: 'center',
    },
    inputContainer: {
      width: '100%'
    },
    input: {
      width: '100%',
      height: 40,
      borderColor: 'gray',
      borderWidth: 1,
      borderRadius: 5,
      paddingHorizontal: 10,
      marginBottom: 20
    },
    submitButton: {
      width: '100%',
      padding: 10,
      backgroundColor: '#4CAF50',
      borderRadius: 5,
      marginBottom: 20,
    },
    buttonContainer: {
      flexDirection: 'row',
      justifyContent: 'space-between',
      width: '100%',
    },
    cancelButton: {
      flex: 1,
      padding: 10,
      backgroundColor: '#f44336',
      borderRadius: 5,
      marginRight: 10,
    },
    confirmButton: {
      flex: 1,
      padding: 10,
      backgroundColor: '#4CAF50',
      borderRadius: 5,
      marginLeft: 10,
    },
    buttonText: {
      color: 'white',
      textAlign: 'center',
    },
  });