Browse Source

Fix loading state color on buttons

master
jeffvli 3 years ago
committed by Jeff
parent
commit
7575c1e870
  1. 8
      src/components/shared/styled.ts

8
src/components/shared/styled.ts

@ -32,7 +32,9 @@ export const StyledButton = styled(Button)<{ width: number }>`
? undefined ? undefined
: `${props.theme.colors.button.default.background}`} !important; : `${props.theme.colors.button.default.background}`} !important;
color: ${(props) => color: ${(props) =>
props.appearance === 'primary' props.loading
? 'transparent'
: props.appearance === 'primary'
? `${props.theme.colors.button.primary.color}` ? `${props.theme.colors.button.primary.color}`
: props.appearance === 'subtle' : props.appearance === 'subtle'
? `${props.theme.colors.button.subtle.color}` ? `${props.theme.colors.button.subtle.color}`
@ -190,7 +192,9 @@ export const StyledIconButton = styled(IconButton)`
? undefined ? undefined
: `${props.theme.colors.button.default.background}`} !important; : `${props.theme.colors.button.default.background}`} !important;
color: ${(props) => color: ${(props) =>
props.appearance === 'primary' props.loading
? 'transparent'
: props.appearance === 'primary'
? `${props.theme.colors.button.primary.color}` ? `${props.theme.colors.button.primary.color}`
: props.appearance === 'subtle' : props.appearance === 'subtle'
? `${props.theme.colors.button.subtle.color}` ? `${props.theme.colors.button.subtle.color}`

Loading…
Cancel
Save