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
|
|
|
|
|
|
|
export const Heading = styled(Typography)`
|
|
|
|
&& {
|
|
|
|
color: #4b5e40;
|
|
|
|
}
|
|
|
|
`;
|
|
|
|
|
|
|
|
export const List = styled(MuiList)`
|
|
|
|
&& {
|
|
|
|
padding: 0;
|
|
|
|
color: #4b5e40;
|
|
|
|
}
|
|
|
|
`;
|
|
|
|
|
2019-07-15 15:41:12 +07:00
|
|
|
export const Card = styled(MuiCard)({
|
|
|
|
marginTop: '24px',
|
|
|
|
});
|