diff options
author | Valerij Fredriksen <valerijf@yahooinc.com> | 2022-08-11 15:41:05 +0200 |
---|---|---|
committer | Valerij Fredriksen <valerijf@yahooinc.com> | 2022-08-12 15:02:05 +0200 |
commit | c6a78504c4aa608fc8445cf7fd4d22f7250f32f1 (patch) | |
tree | 204ea41611b4adbc20c47edab0864979aecee82e /client/js | |
parent | 263f061408dbe75b882ebe32b160fdce925119ed (diff) |
Fix margin
Diffstat (limited to 'client/js')
-rw-r--r-- | client/js/app/src/app/pages/querybuilder/query-filters/QueryInput.jsx | 22 |
1 files changed, 6 insertions, 16 deletions
diff --git a/client/js/app/src/app/pages/querybuilder/query-filters/QueryInput.jsx b/client/js/app/src/app/pages/querybuilder/query-filters/QueryInput.jsx index 42798fe6227..9a44d26ed49 100644 --- a/client/js/app/src/app/pages/querybuilder/query-filters/QueryInput.jsx +++ b/client/js/app/src/app/pages/querybuilder/query-filters/QueryInput.jsx @@ -44,20 +44,10 @@ function Inputs({ id, type, inputs }) { function Input({ id, input, types, type, children }) { const options = { [type.name]: type, ...types }; return ( - <Container - sx={{ - display: 'flex', - // gridTemplateColumns: children - // ? 'minmax(0, 1fr) max-content' - // : 'minmax(0, 1fr) minmax(0, 1fr) max-content', - alignItems: 'center', - gap: '5px', - backgroundColor: 'aqua', - }} - > + <> <Container sx={{ display: 'flex' }}> <Select - sx={{ flex: 1.4 }} + sx={{ flex: 1 }} data={Object.values(options).map(({ name }) => name)} onChange={(value) => dispatch(ACTION.INPUT_UPDATE, { @@ -70,7 +60,7 @@ function Input({ id, input, types, type, children }) { /> {!children && ( <TextInput - sx={{ flex: 1.4 }} + sx={{ flex: 1 }} onChange={(event) => dispatch(ACTION.INPUT_UPDATE, { id, @@ -86,10 +76,10 @@ function Input({ id, input, types, type, children }) { </ActionIcon> </Container> {children && ( - <Container sx={{ backgroundColor: 'green' }}> + <div style={{ marginLeft: '10%' }}> <Inputs id={id} type={type.children} inputs={children} /> - </Container> + </div> )} - </Container> + </> ); } |