aboutsummaryrefslogtreecommitdiff
path: root/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx
diff options
context:
space:
mode:
authorSebastian <sebasjm@gmail.com>2022-04-06 12:20:00 -0300
committerSebastian <sebasjm@gmail.com>2022-04-06 12:20:14 -0300
commitf300850b19f8b4084bfac88a4cfd06e43bc75a8e (patch)
tree2086e63c58385f8b78798881e386db2590fbb32f /packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx
parentbb56d61424c5e02feaec487b1c437e52a9f1e23c (diff)
downloadwallet-core-f300850b19f8b4084bfac88a4cfd06e43bc75a8e.tar.xz
cta stories and input filled mui
Diffstat (limited to 'packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx')
-rw-r--r--packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx5
1 files changed, 4 insertions, 1 deletions
diff --git a/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx b/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx
index 3eacd7984..bca6b0e80 100644
--- a/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx
+++ b/packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx
@@ -50,6 +50,7 @@ export function InputStandard({
const rootStyle = css`
position: relative;
+ padding: 4px 0 5px;
`;
const formControlStyle = css`
label + & {
@@ -57,6 +58,7 @@ const formControlStyle = css`
}
`;
const underlineStyle = css`
+ // when is not disabled underline
&:after {
border-bottom: 2px solid var(--color-main);
left: 0px;
@@ -107,11 +109,12 @@ const underlineStyle = css`
}
`;
-function Root({ disabled, focused, error, children }: any): VNode {
+function Root({ fullWidth, disabled, focused, error, children }: any): VNode {
return (
<InputBaseRoot
disabled={disabled}
focused={focused}
+ fullWidth={fullWidth}
error={error}
class={[rootStyle, formControlStyle, underlineStyle].join(" ")}
>