ui: add read-only styling to Input element
This commit is contained in:
parent
e88197c4b1
commit
f6cf4a1236
1 changed files with 8 additions and 1 deletions
|
@ -62,7 +62,14 @@ const inputStyle = css<Props>`
|
|||
${tw`opacity-75`};
|
||||
}
|
||||
|
||||
${props => props.isLight && light};
|
||||
${props =>
|
||||
props.isLight
|
||||
? light
|
||||
: css`
|
||||
&:not(.ignoreReadOnly):read-only {
|
||||
${tw`border-neutral-800 bg-neutral-900`};
|
||||
}
|
||||
`};
|
||||
${props => props.hasError && tw`text-red-100 border-red-400 hover:border-red-300`};
|
||||
`;
|
||||
|
||||
|
|
Loading…
Reference in a new issue