style: adding padding to the sides of badges, so they look less claustrophobic (#14569)

This commit is contained in:
Evan Rusackas 2021-05-11 11:36:58 -07:00 committed by GitHub
parent cd899c5652
commit eaeb8f71c8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -30,7 +30,7 @@ const Badge = styled((
{ textColor, ...props }: BadgeProps,
) => <AntdBadge {...props} />)`
& > sup {
padding: 0 0.35px 0 0;
padding: 0 ${({ theme }) => theme.gridUnit * 2}px;
background: ${({ theme, color }) => color || theme.colors.primary.base};
color: ${({ theme, textColor }) =>
textColor || theme.colors.grayscale.light5};