diff options
| author | gabrhr <[email protected]> | 2022-04-20 10:19:29 -0500 |
|---|---|---|
| committer | gabrhr <[email protected]> | 2022-04-20 10:19:29 -0500 |
| commit | e13e630cd6e4fc0b1ff92098a28a770794c7bb9a (patch) | |
| tree | e68ad2f947d1b3ec454529b35f37ca2f223e5431 /front/odiparpack/app/components/Loading | |
| parent | 457816ac1129fcc6019d2fc795b6693ee6776d59 (diff) | |
| download | DP1_project-e13e630cd6e4fc0b1ff92098a28a770794c7bb9a.tar.gz DP1_project-e13e630cd6e4fc0b1ff92098a28a770794c7bb9a.tar.bz2 DP1_project-e13e630cd6e4fc0b1ff92098a28a770794c7bb9a.zip | |
AƱadir plantilla
Base para front
Diffstat (limited to 'front/odiparpack/app/components/Loading')
| -rw-r--r-- | front/odiparpack/app/components/Loading/index.js | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/front/odiparpack/app/components/Loading/index.js b/front/odiparpack/app/components/Loading/index.js new file mode 100644 index 0000000..41c92af --- /dev/null +++ b/front/odiparpack/app/components/Loading/index.js @@ -0,0 +1,20 @@ +import React from 'react'; +import { PropTypes } from 'prop-types'; +import { withStyles } from '@material-ui/core/styles'; +import { CircularProgress } from '@material-ui/core'; +const styles = { + circularProgress: { + position: 'fixed', + top: 'calc(50% - 30px)', + left: 'calc(50% - 30px)', + } +}; + +function Loading(props) { + return (<CircularProgress className={props.classes.circularProgress} size={60} color="secondary" />); +} + +Loading.propTypes = { + classes: PropTypes.object.isRequired, +}; +export default (withStyles(styles)(Loading)); |
