2019-06-20 19:37:28 +07:00
|
|
|
import { default as MuiCard } from '@material-ui/core/Card';
|
|
|
|
import { default as MuiList } from '@material-ui/core/List';
|
|
|
|
import Typography from '@material-ui/core/Typography';
|
2019-02-03 17:23:33 +07:00
|
|
|
import styled from 'react-emotion';
|
|
|
|
|
2019-07-15 15:41:12 +07:00
|
|
|
export const Wrapper = styled('div')({
|
|
|
|
display: 'flex',
|
|
|
|
alignItems: 'center',
|
|
|
|
flexDirection: 'column',
|
|
|
|
justifyContent: 'center',
|
|
|
|
flex: 1,
|
|
|
|
padding: '16px',
|
|
|
|
});
|
2019-02-03 17:23:33 +07:00
|
|
|
|
2019-07-15 15:41:12 +07:00
|
|
|
export const Inner = styled('div')({
|
|
|
|
maxWidth: '650px',
|
|
|
|
display: 'flex',
|
|
|
|
flexDirection: 'column',
|
|
|
|
});
|
2019-02-03 17:23:33 +07:00
|
|
|
|
2019-07-15 15:41:12 +07:00
|
|
|
export const EmptyPackage = styled('img')({
|
|
|
|
width: '150px',
|
|
|
|
margin: '0 auto',
|
|
|
|
});
|
2019-02-03 17:23:33 +07:00
|
|
|
|
2019-07-15 16:57:32 +07:00
|
|
|
export const Heading = styled(Typography)({
|
|
|
|
'&&': {
|
|
|
|
color: '#4b5e40',
|
|
|
|
},
|
|
|
|
});
|
2019-02-03 17:23:33 +07:00
|
|
|
|
2019-07-15 16:57:32 +07:00
|
|
|
export const List = styled(MuiList)({
|
|
|
|
'&&': {
|
|
|
|
padding: 0,
|
|
|
|
color: '#4b5e40',
|
|
|
|
},
|
|
|
|
});
|
2019-02-03 17:23:33 +07:00
|
|
|
|
2019-07-15 15:41:12 +07:00
|
|
|
export const Card = styled(MuiCard)({
|
|
|
|
marginTop: '24px',
|
|
|
|
});
|