diff --git a/public/index.html b/public/index.html index eff7943..ca6c4d4 100644 --- a/public/index.html +++ b/public/index.html @@ -18,6 +18,12 @@
+
+ +
@@ -970,12 +976,6 @@
-
- -
diff --git a/resources/scss/_header.scss b/resources/scss/_header.scss index 48b8a65..7542fab 100644 --- a/resources/scss/_header.scss +++ b/resources/scss/_header.scss @@ -1,4 +1,5 @@ header { + position: relative; background-color: #000; padding: 0.5rem 0; text-align: center; @@ -6,6 +7,37 @@ header { color: #fff; font-size: 2.2rem; + .loader { + position: absolute; + top: 5px; + left: 50%; + pointer-events: none; + margin-left: -230px; + + .spinner { + width: 50px; + height: 50px; + position: relative; + + .double-bounce1, + .double-bounce2 { + width: 100%; + height: 100%; + border-radius: 50%; + background-color: #999; + opacity: 0.6; + position: absolute; + top: 0; + left: 0; + animation: sk-bounce 2.0s infinite ease-in-out; + } + + .double-bounce2 { + animation-delay: -1.0s; + } + } + } + .logo { height: 3rem; margin-bottom: 0.5rem; diff --git a/resources/scss/_main.scss b/resources/scss/_main.scss index 4184702..04e5481 100644 --- a/resources/scss/_main.scss +++ b/resources/scss/_main.scss @@ -246,40 +246,6 @@ section.tabs { } } -section.loader { - position: fixed; - z-index: 1; - bottom: 25%; - left: 50%; - transform: translate(-50%, -50%); - pointer-events: none; - - .spinner { - width: 50px; - height: 50px; - - position: relative; - margin: 100px auto; - - .double-bounce1, - .double-bounce2 { - width: 100%; - height: 100%; - border-radius: 50%; - background-color: #999; - opacity: 0.6; - position: absolute; - top: 0; - left: 0; - animation: sk-bounce 2.0s infinite ease-in-out; - } - - .double-bounce2 { - animation-delay: -1.0s; - } - } -} - main { flex: 1 1 auto; opacity: 0;