mirror of
https://github.com/SomboChea/ui
synced 2024-05-21 02:41:36 +07:00
111f0c50e5
* chore: updated emotion dependency * feat: introduced theme * refactor: updated emotion styles * fix: fixed emotion error * fix: fixed tests * chore: add missing types Co-Authored-By: Thomas Klein <tmkn@users.noreply.github.com>
39 lines
797 B
TypeScript
39 lines
797 B
TypeScript
import styled from '@emotion/styled';
|
|
|
|
import { default as Typography } from '../../muiComponents/Heading';
|
|
import List from '../../muiComponents/List';
|
|
import { default as MuiCard } from '../../muiComponents/Card';
|
|
|
|
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 StyledList = styled(List)({
|
|
padding: 0,
|
|
color: '#4b5e40',
|
|
});
|
|
|
|
export const Card = styled(MuiCard)({
|
|
marginTop: '24px',
|
|
});
|