mirror of
https://github.com/trezor/trezor-wallet
synced 2025-02-03 11:51:32 +00:00
Fix input state colors
This commit is contained in:
parent
81ccc8e347
commit
d58dadedc9
@ -21,19 +21,19 @@ const StyledInput = styled.input`
|
|||||||
}
|
}
|
||||||
|
|
||||||
${props => props.isValid && css`
|
${props => props.isValid && css`
|
||||||
background-color: ${colors.SUCCESS_PRIMARY};
|
border-color: ${colors.SUCCESS_PRIMARY};
|
||||||
&:focus {
|
&:focus {
|
||||||
box-shadow: 0 1px 4px 0 rgba(1, 183, 87, 0.25);
|
box-shadow: 0 1px 4px 0 rgba(1, 183, 87, 0.25);
|
||||||
}
|
}
|
||||||
`}
|
`}
|
||||||
${props => props.isWarning && css`
|
${props => props.isWarning && css`
|
||||||
background-color: ${colors.WARNING_PRIMARY};
|
border-color: ${colors.WARNING_PRIMARY};
|
||||||
&:focus {
|
&:focus {
|
||||||
box-shadow: 0 1px 4px 0 rgba(235, 138, 0, 0.25);
|
box-shadow: 0 1px 4px 0 rgba(235, 138, 0, 0.25);
|
||||||
}
|
}
|
||||||
`}
|
`}
|
||||||
${props => props.isError && css`
|
${props => props.isError && css`
|
||||||
background-color: ${colors.ERROR_PRIMARY};
|
border-color: ${colors.ERROR_PRIMARY};
|
||||||
&:focus {
|
&:focus {
|
||||||
box-shadow: 0 1px 4px 0 rgba(255, 111, 109, 0.25);
|
box-shadow: 0 1px 4px 0 rgba(255, 111, 109, 0.25);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user