From 6d3db4ce6ce3119f299936d9f0e4052bf1eff6c7 Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Thu, 15 Jul 2021 15:05:09 -0300
Subject: added remove button and more complex add-provider interaction

---
 packages/taler-wallet-webextension/src/components/styled/index.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(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 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'}
   }
 `
 
-- 
cgit v1.2.3

