diff options
author | Sebastian <sebasjm@gmail.com> | 2022-03-11 02:17:40 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-03-11 11:15:06 -0300 |
commit | 4d66f774c3ad4040f522d2ec52b5b4c2edd2b478 (patch) | |
tree | b73ce595926f6db58a206968666e7d3a0978feaf /packages/taler-wallet-webextension/src/mui/Grid.stories.tsx | |
parent | 2150f3d96b25772dd608e245cd3508f857478c5b (diff) | |
download | wallet-core-4d66f774c3ad4040f522d2ec52b5b4c2edd2b478.tar.xz |
pending operations
Diffstat (limited to 'packages/taler-wallet-webextension/src/mui/Grid.stories.tsx')
-rw-r--r-- | packages/taler-wallet-webextension/src/mui/Grid.stories.tsx | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/packages/taler-wallet-webextension/src/mui/Grid.stories.tsx b/packages/taler-wallet-webextension/src/mui/Grid.stories.tsx index 3c9361326..7db608d27 100644 --- a/packages/taler-wallet-webextension/src/mui/Grid.stories.tsx +++ b/packages/taler-wallet-webextension/src/mui/Grid.stories.tsx @@ -178,6 +178,26 @@ export const Responsive12Spacing = () => ( </Fragment> ); +export const ResponsiveAuthWidth = () => ( + <Fragment> + <Wrapper> + <Grid container columns={12}> + <Grid item> + <Item>item 1</Item> + </Grid> + <Grid item xs={1}> + <Item>item 2 short</Item> + </Grid> + <Grid item> + <Item>item 3 with long text </Item> + </Grid> + <Grid item xs={"true"}> + <Item>item 4</Item> + </Grid> + </Grid> + </Wrapper> + </Fragment> +); export const Example = () => ( <Wrapper> <p>Item row space is responsive: xs=6 sm=4 md=1</p> |