diff options
author | Sebastian <sebasjm@gmail.com> | 2022-03-11 11:14:27 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-03-11 11:15:07 -0300 |
commit | ab68ecc7332281a43ce4acf28302f85a3c8f401a (patch) | |
tree | dc449a317f5a777788918eac381089af2fdda5d9 /packages/taler-wallet-webextension/src/components/Banner.tsx | |
parent | 9337734a245001f40fe8033e11f2df062fd7560b (diff) | |
download | wallet-core-ab68ecc7332281a43ce4acf28302f85a3c8f401a.tar.xz |
pending transaction, finally!
Diffstat (limited to 'packages/taler-wallet-webextension/src/components/Banner.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/components/Banner.tsx | 16 |
1 files changed, 12 insertions, 4 deletions
diff --git a/packages/taler-wallet-webextension/src/components/Banner.tsx b/packages/taler-wallet-webextension/src/components/Banner.tsx index 09dfac816..37affd5b4 100644 --- a/packages/taler-wallet-webextension/src/components/Banner.tsx +++ b/packages/taler-wallet-webextension/src/components/Banner.tsx @@ -29,16 +29,24 @@ export function Banner({ title, elements, confirm, ...rest }: Props) { </Grid> </Grid> )} - <Grid container wrap="nowrap" spacing={1} alignItems="center"> + <Grid container columns={1}> {elements.map((e, i) => ( - <Fragment key={i}> + <Grid + container + item + xs={1} + key={i} + wrap="nowrap" + spacing={1} + alignItems="center" + > {e.icon && ( - <Grid item> + <Grid item xs={"auto"}> <Avatar>{e.icon}</Avatar> </Grid> )} <Grid item>{e.description}</Grid> - </Fragment> + </Grid> ))} </Grid> {confirm && ( |