fix(splash-screen): moves styles into main app.vue only (#638)

vcync · Oct 23, 2021 · a90a09a · a90a09a
1 parent ea8a15d
commit a90a09a
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 43 deletions.
diff --git a/public/index.html b/public/index.html
@@ -8,49 +8,6 @@
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <link rel="icon" href="<%= BASE_URL %>favicon.ico">
   <title>modV</title>
-
-  <style>
-    body {
-      margin: 0px;
-      background:rgb(45, 45, 45);
-    }
-
-    /* From https://loading.io/css */
-    .lds-ripple {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%) scale(2.5);
-      width: 80px;
-      height: 80px;
-    }
-    .lds-ripple div {
-      position: absolute;
-      border: 4px solid rgb(21, 21, 21);
-      opacity: 1;
-      border-radius: 100%;
-      animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
-    }
-    .lds-ripple div:nth-child(2) {
-      animation-delay: -0.5s;
-    }
-    @keyframes lds-ripple {
-      0% {
-        top: 36px;
-        left: 36px;
-        width: 0;
-        height: 0;
-        opacity: 1;
-      }
-      100% {
-        top: 0px;
-        left: 0px;
-        width: 72px;
-        height: 72px;
-        opacity: 0;
-      }
-    }
-  </style>
 </head>
 
 <body>

diff --git a/src/App.vue b/src/App.vue
@@ -391,6 +391,48 @@ export default {
 }
 </style>
 
+<style>
+body {
+  background: rgb(45, 45, 45);
+}
+
+/* From https://loading.io/css */
+.lds-ripple {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%) scale(2.5);
+  width: 80px;
+  height: 80px;
+}
+.lds-ripple div {
+  position: absolute;
+  border: 4px solid rgb(21, 21, 21);
+  opacity: 1;
+  border-radius: 100%;
+  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
+}
+.lds-ripple div:nth-child(2) {
+  animation-delay: -0.5s;
+}
+@keyframes lds-ripple {
+  0% {
+    top: 36px;
+    left: 36px;
+    width: 0;
+    height: 0;
+    opacity: 1;
+  }
+  100% {
+    top: 0px;
+    left: 0px;
+    width: 72px;
+    height: 72px;
+    opacity: 0;
+  }
+}
+</style>
+
 <style>
 @import url("./css/inter.css");
 @import url("./css/iaw.css");