diff options
| author | Noah Loomans <noahloomans@gmail.com> | 2018-02-13 14:05:30 +0100 |
|---|---|---|
| committer | Noah Loomans <noahloomans@gmail.com> | 2018-02-13 14:05:30 +0100 |
| commit | 392fee0c2b15a6d7d53330614afb9364a10bc6c8 (patch) | |
| tree | 12631c02c77ae214c61864eb0e15992f2a9306d9 | |
| parent | 11fe20e7cd957afdc1efa8858100764aaf22759d (diff) | |
Fix styling
| -rw-r--r-- | src/client/react/components/presentational/Loading.js | 4 | ||||
| -rw-r--r-- | src/client/style/_component-loading.scss | 5 | ||||
| -rw-r--r-- | src/client/style/index.scss | 3 |
3 files changed, 11 insertions, 1 deletions
diff --git a/src/client/react/components/presentational/Loading.js b/src/client/react/components/presentational/Loading.js index a149de2..1a34a71 100644 --- a/src/client/react/components/presentational/Loading.js +++ b/src/client/react/components/presentational/Loading.js @@ -4,7 +4,9 @@ import { LinearProgress } from 'rmwc/LinearProgress'; class Loading extends React.Component { render() { return ( - <LinearProgress determinate={false} /> + <div className="loading"> + <LinearProgress determinate={false} /> + </div> ); } } diff --git a/src/client/style/_component-loading.scss b/src/client/style/_component-loading.scss new file mode 100644 index 0000000..d79c521 --- /dev/null +++ b/src/client/style/_component-loading.scss @@ -0,0 +1,5 @@ +.loading { + .mdc-linear-progress .mdc-linear-progress__bar-inner { + background-color: #9C27B0; + } +} diff --git a/src/client/style/index.scss b/src/client/style/index.scss index e6ca14d..876183a 100644 --- a/src/client/style/index.scss +++ b/src/client/style/index.scss @@ -1,3 +1,5 @@ +@import "../../../node_modules/material-components-web/dist/material-components-web.min.css"; + * { box-sizing: border-box; } @@ -13,3 +15,4 @@ body { @import "component-search"; @import "component-help-box"; @import "component-week-selector"; +@import "component-loading"; |