@totalsoft/rocket-ui
Version:
A set of reusable and composable React components built on top of Material UI core for developing fast and friendly web applications interfaces.
46 lines • 1.35 kB
JavaScript
import MuiCardContent from '@mui/material/CardContent';
import { styled } from '@mui/material/styles';
import { Card, CardActions, CardHeader, Typography } from '../../index';
export const StyledCard = styled(Card)(({ theme }) => ({
display: 'inline-block',
position: 'relative',
width: '100%',
minWidth: '150%',
margin: '25px 0',
boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.14)',
borderRadius: '6px',
color: theme.palette.primary.main,
background: '#fff',
overflow: 'visible'
}));
export const StyledCardHeader = styled(CardHeader)(() => ({
paddingTop: '5px'
}));
export const CardContent = styled(MuiCardContent)(() => ({
textAlign: 'right',
fontSize: '10px',
paddingTop: '10px',
padding: '2px 10px'
}));
export const StyledCardActions = styled(CardActions)(({ theme }) => ({
margin: '0 20px 10px',
height: 'auto',
padding: '2px 0 0 0',
...theme.typography.defaultFont
}));
export const CardTitle = styled(Typography)(({ theme }) => ({
marginBottom: '0',
color: theme.palette.grey[500],
margin: '0 0 5px'
}));
export const CardDescription = styled(Typography)(() => ({
margin: '0'
}));
export const iconStyle = {
color: '#FFFFFF',
width: '2.5rem',
height: '2.5rem',
margin: 'auto',
padding: '2px'
};
//# sourceMappingURL=StatsCardStyles.js.map