diff --git a/src/components/loader/index.jsx b/src/components/loader/index.jsx index 0998ebb..b51452e 100644 --- a/src/components/loader/index.jsx +++ b/src/components/loader/index.jsx @@ -1,10 +1,10 @@ import React from 'react'; -import logo from './loader-pulse-2-alpha.gif'; +import logo from './loader-pulse-2.gif'; import './style.css'; const Loader = () => { return ( -
+
Loading...
); }; diff --git a/src/components/loader/style.css b/src/components/loader/style.css index 0e48741..c087dfe 100644 --- a/src/components/loader/style.css +++ b/src/components/loader/style.css @@ -1,9 +1,18 @@ .loader { - display: flex; - justify-content: center; - align-items: center; - - /* Preserve aspet ratio */ - min-width: 100%; - min-height: 100%; + top:0; + left:0; + height:100%; + width:100%; + position:fixed; + z-index:15; +} + +.loader > img { + width:150px; + height:150px; + position:absolute; + margin:-125px 0 0 -125px; + top:50%; + left:50%; + z-index:16; } diff --git a/src/components/wait/index.jsx b/src/components/wait/index.jsx index 6671076..da53765 100644 --- a/src/components/wait/index.jsx +++ b/src/components/wait/index.jsx @@ -1,12 +1,8 @@ import React from 'react'; import Loader from '../loader'; -import './style.scss'; const Wait = () => { -return ( -
- -
); +return (); }; diff --git a/src/components/wait/style.scss b/src/components/wait/style.scss deleted file mode 100644 index f114bb5..0000000 --- a/src/components/wait/style.scss +++ /dev/null @@ -1,22 +0,0 @@ -@mixin border-radius($radius) { - -webkit-border-radius: $radius; - -moz-border-radius: $radius; - -ms-border-radius: $radius; - border-radius: $radius; -} - -.waiting { - display: flex; - justify-content: center; - align-items: center; - position: absolute; - width: 100%; - left: 0px; - z-index: 15; - - .loader { - @include border-radius(10px); - min-width: 200px; - background-color: black; - } -}