fix large dot seperator
This commit is contained in:
parent
df424b286b
commit
3ebbfbfbb2
|
@ -1,5 +1,5 @@
|
|||
import React, { FC } from 'react';
|
||||
import { Box, ButtonProps } from '@mui/material';
|
||||
import { Box, ButtonProps, Typography } from '@mui/material';
|
||||
import SidebarButton from './Button';
|
||||
import { DotSeparator } from './styledComponents';
|
||||
|
||||
|
@ -20,18 +20,15 @@ const ShortcutButton: FC<ButtonProps<'button', IProps>> = ({
|
|||
variant="contained"
|
||||
color="secondary"
|
||||
sx={{ px: '12px' }}
|
||||
css={`
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
font-weight: 500;
|
||||
`}
|
||||
{...props}>
|
||||
<Typography variant="body2" display={'flex'} alignItems="center">
|
||||
<Box mr={'12px'}>{icon}</Box>
|
||||
{label}
|
||||
<Box sx={{ color: 'text.secondary' }}>
|
||||
<DotSeparator />
|
||||
<Box component={'span'} sx={{ color: 'text.secondary' }}>
|
||||
{count}
|
||||
</Box>
|
||||
</Typography>
|
||||
</SidebarButton>
|
||||
);
|
||||
};
|
||||
|
|
|
@ -14,8 +14,7 @@ Progressbar.defaultProps = {
|
|||
};
|
||||
|
||||
export const LegendIndicator = styled(DotSeparator)`
|
||||
width: 8.71px;
|
||||
height: 8.71px;
|
||||
font-size: 8.71px;
|
||||
margin: 0;
|
||||
margin-right: 4px;
|
||||
color: inherit;
|
||||
|
|
|
@ -20,8 +20,7 @@ export const PaddedDivider = MuiStyled(Divider)<{
|
|||
}));
|
||||
|
||||
export const DotSeparator = styled(CircleIcon)`
|
||||
height: 4px;
|
||||
width: 4px;
|
||||
font-size: 4px;
|
||||
margin: 0 ${({ theme }) => theme.spacing(1)};
|
||||
color: ${({ theme }) => theme.palette.text.secondary};
|
||||
color: inherit;
|
||||
`;
|
||||
|
|
Loading…
Reference in a new issue