Fix visual regressions
This commit is contained in:
@ -196,10 +196,10 @@ const StyledButton = styled.button<
|
|||||||
`;
|
`;
|
||||||
case 'danger':
|
case 'danger':
|
||||||
return `
|
return `
|
||||||
background: 'transparent';
|
background: transparent;
|
||||||
border-color: ${
|
border-color: ${
|
||||||
variant === 'secondary'
|
variant === 'secondary'
|
||||||
? !disabled && theme.color.red20
|
? theme.border.color.danger
|
||||||
: focus
|
: focus
|
||||||
? theme.color.red
|
? theme.color.red
|
||||||
: 'transparent'
|
: 'transparent'
|
||||||
|
|||||||
@ -52,6 +52,7 @@ const StyledItem = styled.div<StyledItemProps>`
|
|||||||
margin-bottom: calc(${({ theme }) => theme.spacing(1)} / 2);
|
margin-bottom: calc(${({ theme }) => theme.spacing(1)} / 2);
|
||||||
padding-bottom: ${({ theme }) => theme.spacing(1)};
|
padding-bottom: ${({ theme }) => theme.spacing(1)};
|
||||||
padding-left: ${({ theme }) => theme.spacing(1)};
|
padding-left: ${({ theme }) => theme.spacing(1)};
|
||||||
|
padding-right: ${({ theme }) => theme.spacing(1)};
|
||||||
padding-top: ${({ theme }) => theme.spacing(1)};
|
padding-top: ${({ theme }) => theme.spacing(1)};
|
||||||
pointer-events: ${(props) => (props.soon ? 'none' : 'auto')};
|
pointer-events: ${(props) => (props.soon ? 'none' : 'auto')};
|
||||||
:hover {
|
:hover {
|
||||||
|
|||||||
Reference in New Issue
Block a user