mirror of
https://github.com/SomboChea/ui
synced 2024-04-28 15:41:37 +07:00
47 lines
836 B
JavaScript
47 lines
836 B
JavaScript
/**
|
|
* @prettier
|
|
* @flow
|
|
*/
|
|
|
|
import styled from 'react-emotion';
|
|
import Typography from '@material-ui/core/Typography/index';
|
|
import { default as MuiList } from '@material-ui/core/List/index';
|
|
import { default as MuiCard } from '@material-ui/core/Card/index';
|
|
|
|
export const Wrapper = styled('div')`
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
flex: 1;
|
|
padding: 16px;
|
|
`;
|
|
|
|
export const Inner = styled('div')`
|
|
max-width: 650px;
|
|
display: flex;
|
|
flex-direction: 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)`
|
|
margin-top: 24px;
|
|
`;
|