diff options
author | Sebastian <sebasjm@gmail.com> | 2021-07-15 15:05:09 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-07-15 15:05:16 -0300 |
commit | 6d3db4ce6ce3119f299936d9f0e4052bf1eff6c7 (patch) | |
tree | bb91b0163ecb972b6a092bbabca3c8f884200062 /packages/taler-wallet-webextension/src/components/styled | |
parent | 7c2d2a3e15e92b2217e03044f3b9f10b624c2a9b (diff) | |
download | wallet-core-6d3db4ce6ce3119f299936d9f0e4052bf1eff6c7.tar.xz |
added remove button and more complex add-provider interaction
Diffstat (limited to 'packages/taler-wallet-webextension/src/components/styled')
-rw-r--r-- | packages/taler-wallet-webextension/src/components/styled/index.tsx | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/packages/taler-wallet-webextension/src/components/styled/index.tsx b/packages/taler-wallet-webextension/src/components/styled/index.tsx index ebca5893e..11a0d014f 100644 --- a/packages/taler-wallet-webextension/src/components/styled/index.tsx +++ b/packages/taler-wallet-webextension/src/components/styled/index.tsx @@ -200,15 +200,17 @@ export const CenteredTextBold = styled(CenteredText)` font-weight: bold; color: ${((props: any): any => String(props.color) as any) as any}; ` -export const Input = styled.div` +export const Input = styled.div<{ invalid?: boolean }>` & label { display: block; padding: 5px; + color: ${({ invalid }) => !invalid ? 'inherit' : 'red'} } & input { display: block; padding: 5px; width: calc(100% - 4px - 10px); + border-color: ${({ invalid }) => !invalid ? 'inherit' : 'red'} } ` |