diff options
| author | crupest <crupest@outlook.com> | 2020-11-04 12:29:55 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-11-04 12:29:55 +0800 |
| commit | 1e9e5eb89099ffaa454635fdd7271cece757fb2d (patch) | |
| tree | 1f19646ac27a3dcd4680e871f34218b85b0915d8 /FrontEnd/src/app/views/common/SearchInput.tsx | |
| parent | f3503b399ff7b65f363beca313c8a0c336884bec (diff) | |
| parent | 1ba32f233677cad56636462b1f6552ff6e800801 (diff) | |
| download | timeline-1e9e5eb89099ffaa454635fdd7271cece757fb2d.tar.gz timeline-1e9e5eb89099ffaa454635fdd7271cece757fb2d.tar.bz2 timeline-1e9e5eb89099ffaa454635fdd7271cece757fb2d.zip | |
Merge pull request #165 from crupest/timeline
Redesign timeline ui.
Diffstat (limited to 'FrontEnd/src/app/views/common/SearchInput.tsx')
| -rw-r--r-- | FrontEnd/src/app/views/common/SearchInput.tsx | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/FrontEnd/src/app/views/common/SearchInput.tsx b/FrontEnd/src/app/views/common/SearchInput.tsx index 9833d515..1373bd68 100644 --- a/FrontEnd/src/app/views/common/SearchInput.tsx +++ b/FrontEnd/src/app/views/common/SearchInput.tsx @@ -36,7 +36,7 @@ const SearchInput: React.FC<SearchInputProps> = (props) => { ); return ( - <Form inline className={clsx("my-2", props.className)}> + <Form inline className={clsx(" flex-sm-nowrap", props.className)}> <Form.Control className="mr-sm-2 flex-grow-1" value={props.value} @@ -44,10 +44,12 @@ const SearchInput: React.FC<SearchInputProps> = (props) => { onKeyPress={onInputKeyPress} placeholder={props.placeholder} /> - <div className="mt-2 mt-sm-0 order-sm-last ml-sm-3"> - {props.additionalButton} - </div> - <div className="mt-2 mt-sm-0 ml-auto ml-sm-0"> + {props.additionalButton ? ( + <div className="mt-2 mt-sm-0 flex-shrink-0 order-sm-last ml-sm-2"> + {props.additionalButton} + </div> + ) : null} + <div className="mt-2 mt-sm-0 flex-shrink-0 ml-auto ml-sm-0"> {props.loading ? ( <Spinner variant="primary" animation="border" /> ) : ( |