manual withdrawal process

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;