diff options
author | Sebastian <sebasjm@gmail.com> | 2021-09-20 14:05:40 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2021-09-20 14:05:40 -0300 |
commit | 8cde98947ba1a6d8c7928578b053786c4e5db17f (patch) | |
tree | ea0337748c02d71bd2b2f7555a49b4e74e98d3ff /packages/taler-wallet-webextension/src/components/styled | |
parent | 9a0285ee4b41c63d144de90d345f160adb39f30f (diff) | |
download | wallet-core-8cde98947ba1a6d8c7928578b053786c4e5db17f.tar.xz |
manual withdrawal process
Diffstat (limited to 'packages/taler-wallet-webextension/src/components/styled')
-rw-r--r-- | packages/taler-wallet-webextension/src/components/styled/index.tsx | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/packages/taler-wallet-webextension/src/components/styled/index.tsx b/packages/taler-wallet-webextension/src/components/styled/index.tsx index 23b0b1b57..0dbf34b5c 100644 --- a/packages/taler-wallet-webextension/src/components/styled/index.tsx +++ b/packages/taler-wallet-webextension/src/components/styled/index.tsx @@ -486,6 +486,33 @@ export const Input = styled.div<{ invalid?: boolean }>` } ` +export const InputWithLabel = styled.div<{ invalid?: boolean }>` + & label { + display: block; + padding: 5px; + color: ${({ invalid }) => !invalid ? 'inherit' : 'red'} + } + & > div { + position: relative; + display: flex; + top: 0px; + bottom: 0px; + + & > div { + position: absolute; + background-color: lightgray; + padding: 5px; + margin: 2px; + } + + & > input { + flex: 1; + padding: 5px; + border-color: ${({ invalid }) => !invalid ? 'inherit' : 'red'} + } + } +` + export const ErrorBox = styled.div` border: 2px solid #f5c6cb; border-radius: 0.25em; |