diff options
author | Sebastian <sebasjm@gmail.com> | 2022-04-06 12:20:00 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-04-06 12:20:14 -0300 |
commit | f300850b19f8b4084bfac88a4cfd06e43bc75a8e (patch) | |
tree | 2086e63c58385f8b78798881e386db2590fbb32f /packages/taler-wallet-webextension/src/mui/input/InputStandard.tsx | |
parent | bb56d61424c5e02feaec487b1c437e52a9f1e23c (diff) | |
download | wallet-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.tsx | 5 |
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(" ")} > |