1  import { makeStyles } from '@material-ui/core/styles'
 2  
 3  const useStyles = makeStyles(theme => ({
 4    root: {
 5      display: 'grid',
 6      gridTemplateColumns: 'repeat(48, [col] 1fr)',
 7      gridTemplateRows: '12rem 5rem auto auto',
 8      gridColumn: '1 / 49',
 9      [theme.breakpoints.up('md')]: {
10        gridTemplateRows: '4rem 4rem auto auto 6rem'
11      }
12    },
13    accountText: {
14      color: '#939BA1'
15    },
16    network:{
17      color: '#939BA1',
18      gridColumn: '8 / 25'
19    },
20    networkIndicator: {
21      gridColumn: '5 / 5',
22      marginTop: '0.5rem',
23      height: '0.75rem',
24      width: '0.75rem',
25      backgroundColor: 'rgb(48, 189, 159)',
26      borderRadius: '50%'
27    },
28    connect: {
29      color: theme.palette.primary[500],
30      fontSize: '15px',
31      marginLeft: 'auto',
32      marginRight: '3rem',
33      cursor: 'pointer',
34      gridColumnEnd: '50'
35    },
36    connected: {
37      color: '#44D058',
38      cursor: 'default'
39    },
40    connectedText: {
41      display: 'flex',
42      flexDirection: 'column',
43      alignItems: 'flex-end'
44    }
45  }))
46  
47  export default useStyles