diff --git a/index.html b/index.html
index bde9283..2254a6b 100644
--- a/index.html
+++ b/index.html
@@ -7,16 +7,12 @@
-
+
-
-
-
-
-
+
diff --git a/public/static/css/loading.css b/public/static/css/loading.css
index a1a5735..9921b79 100644
--- a/public/static/css/loading.css
+++ b/public/static/css/loading.css
@@ -14,36 +14,14 @@ body {
display: flex;
justify-content: space-between;
}
-.init-loading-rect {
- background-color: #007aff;
- height: 100%;
- width: 15%;
- animation: init-wave 1.2s infinite ease-in-out;
-}
-
-.init-loading-rect:nth-child(1) {
- animation-delay: -1.2s;
-}
-.init-loading-rect:nth-child(2) {
- animation-delay: -1.1s;
-}
-.init-loading-rect:nth-child(3) {
- animation-delay: -1s;
-}
-.init-loading-rect:nth-child(4) {
- animation-delay: -0.9s;
-}
-.init-loading-rect:nth-child(5) {
- animation-delay: -0.8s;
-}
-
-@keyframes init-wave {
- 0%,
- 40%,
- 100% {
- transform: scaleY(0.4);
+@keyframes arco-loading-circle {
+ from {
+ transform: rotate(0deg);
}
- 20% {
- transform: scaleY(1);
+ to {
+ transform: rotate(360deg);
}
}
+.init-loading-icon {
+ animation: arco-loading-circle 1s infinite cubic-bezier(0,0,1,1);
+}
diff --git a/public/static/images/loading.gif b/public/static/images/loading.gif
deleted file mode 100644
index 18df393..0000000
Binary files a/public/static/images/loading.gif and /dev/null differ
diff --git a/public/static/images/loading-bold.svg b/public/static/images/loading.svg
similarity index 100%
rename from public/static/images/loading-bold.svg
rename to public/static/images/loading.svg
diff --git a/src/App.vue b/src/App.vue
index 1bb8965..147499e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
- 
+