mirror of
https://github.com/SomboChea/ui
synced 2024-05-03 10:01:39 +07:00
42 lines
827 B
TypeScript
42 lines
827 B
TypeScript
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';
|
|
import styled from 'react-emotion';
|
|
|
|
export const Wrapper = styled('div')({
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
flexDirection: 'column',
|
|
justifyContent: 'center',
|
|
flex: 1,
|
|
padding: '16px',
|
|
});
|
|
|
|
export const Inner = styled('div')({
|
|
maxWidth: '650px',
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
});
|
|
|
|
export const EmptyPackage = styled('img')({
|
|
width: '150px',
|
|
margin: '0 auto',
|
|
});
|
|
|
|
export const Heading = styled(Typography)({
|
|
'&&': {
|
|
color: '#4b5e40',
|
|
},
|
|
});
|
|
|
|
export const List = styled(MuiList)({
|
|
'&&': {
|
|
padding: 0,
|
|
color: '#4b5e40',
|
|
},
|
|
});
|
|
|
|
export const Card = styled(MuiCard)({
|
|
marginTop: '24px',
|
|
});
|