aboutsummaryrefslogtreecommitdiff
path: root/src/client
diff options
context:
space:
mode:
authorNoah Loomans <noahloomans@gmail.com>2018-02-13 14:05:30 +0100
committerNoah Loomans <noahloomans@gmail.com>2018-02-13 14:05:30 +0100
commit392fee0c2b15a6d7d53330614afb9364a10bc6c8 (patch)
tree12631c02c77ae214c61864eb0e15992f2a9306d9 /src/client
parent11fe20e7cd957afdc1efa8858100764aaf22759d (diff)
Fix styling
Diffstat (limited to 'src/client')
-rw-r--r--src/client/react/components/presentational/Loading.js4
-rw-r--r--src/client/style/_component-loading.scss5
-rw-r--r--src/client/style/index.scss3
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";