fix badge style
This commit is contained in:
parent
83e8cb07bb
commit
34c6c2ad0d
|
@ -1,11 +1,12 @@
|
||||||
import { Paper, styled } from '@mui/material';
|
import { Box, styled } from '@mui/material';
|
||||||
import { CSSProperties } from '@mui/styled-engine';
|
import { CSSProperties } from '@mui/material/styles/createTypography';
|
||||||
|
|
||||||
export const Badge = styled(Paper)(({ theme }) => ({
|
export const Badge = styled(Box)(({ theme }) => ({
|
||||||
|
borderRadius: theme.shape.borderRadius,
|
||||||
padding: '2px 4px',
|
padding: '2px 4px',
|
||||||
backgroundColor: theme.colors.backdrop.base,
|
backgroundColor: theme.colors.black.muted,
|
||||||
backdropFilter: `blur(${theme.colors.blur.muted})`,
|
backdropFilter: `blur(${theme.colors.blur.muted})`,
|
||||||
color: theme.palette.primary.contrastText,
|
color: theme.colors.white.base,
|
||||||
textTransform: 'uppercase',
|
textTransform: 'uppercase',
|
||||||
...(theme.typography.mini as CSSProperties),
|
...(theme.typography.tiny as CSSProperties),
|
||||||
}));
|
}));
|
||||||
|
|
Loading…
Reference in a new issue