beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix badge style

Browse source
This commit is contained in:
Abhinav 2023-04-12 11:51:44 +05:30
parent 83e8cb07bb
commit 34c6c2ad0d
1 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/Badge.tsx
View file

@ -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),
})); }));