From 8cde98947ba1a6d8c7928578b053786c4e5db17f Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Mon, 20 Sep 2021 14:05:40 -0300
Subject: manual withdrawal process

---
 .../src/components/styled/index.tsx                | 27 ++++++++++++++++++++++
 1 file changed, 27 insertions(+)

(limited to 'packages/taler-wallet-webextension/src/components/styled/index.tsx')

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;
-- 
cgit v1.2.3

