diff options
| author | crupest <crupest@outlook.com> | 2021-06-30 23:02:41 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-06-30 23:02:41 +0800 |
| commit | 1d320f3e363d46900a420650360b68ba9a4f3f2f (patch) | |
| tree | 1c8f7efd5383a656ab1876337e2589bdcdab2272 /FrontEnd/src/views/common/button/LoadingButton.tsx | |
| parent | fdc2d4a971d608bb230cd8aa1e602197c7775231 (diff) | |
| download | timeline-1d320f3e363d46900a420650360b68ba9a4f3f2f.tar.gz timeline-1d320f3e363d46900a420650360b68ba9a4f3f2f.tar.bz2 timeline-1d320f3e363d46900a420650360b68ba9a4f3f2f.zip | |
...
Diffstat (limited to 'FrontEnd/src/views/common/button/LoadingButton.tsx')
| -rw-r--r-- | FrontEnd/src/views/common/button/LoadingButton.tsx | 11 |
1 files changed, 9 insertions, 2 deletions
diff --git a/FrontEnd/src/views/common/button/LoadingButton.tsx b/FrontEnd/src/views/common/button/LoadingButton.tsx index aee83aa2..a7e34f91 100644 --- a/FrontEnd/src/views/common/button/LoadingButton.tsx +++ b/FrontEnd/src/views/common/button/LoadingButton.tsx @@ -11,9 +11,16 @@ const LoadingButton: React.FC<{ loading?: boolean } & CommonButtonProps> = ({ ...otherProps }) => { return ( - <Button color={color} disabled={disabled || loading} {...otherProps}> + <Button + color={color} + outline + disabled={disabled || loading} + {...otherProps} + > {otherProps.children} - {loading ? <Spinner color={color} /> : null} + {loading ? ( + <Spinner className="cru-align-text-bottom ms-1" color={color} /> + ) : null} </Button> ); }; |