Merge pull request #429 from consensusnetworks/feature/multi-account-…

…management
consensusnetworks · Oct 12, 2023 · 2410d0c · 2410d0c
2 parents f6c8157 + 656dc33
commit 2410d0c
Show file tree

Hide file tree

Showing 28 changed files with 2,376 additions and 2,426 deletions.
diff --git a/apps/web/src/components/ConnectWalletsFlow.vue b/apps/web/src/components/ConnectWalletsFlow.vue
diff --git a/apps/web/src/components/LoaderSpinner.vue b/apps/web/src/components/LoaderSpinner.vue
@@ -3,7 +3,18 @@
 
 <template>
   <div class="loader_spinner">
-    <div /><div /><div /><div /><div /><div /><div /><div /><div /><div /><div /><div />
+    <div />
+    <div />
+    <div />
+    <div />
+    <div />
+    <div />
+    <div />
+    <div />
+    <div />
+    <div />
+    <div />
+    <div />
   </div>
 </template>
 
@@ -16,74 +27,90 @@
   width: 100%;
   height: 100%;
 }
+
 .loader_spinner div {
   transform-origin: 40px 20px;
   animation: loader_spinner 1.2s linear infinite;
 }
+
 .loader_spinner div:after {
   content: " ";
   display: block;
   position: absolute;
-  top: 3px;
+  top: 30px;
   left: 37px;
   width: 4px;
   height: 10px;
   border-radius: 999px;
   background: #0D5FFF;
   opacity: 0.4;
 }
+
 .loader_spinner div:nth-child(1) {
   transform: rotate(0deg);
   animation-delay: -1.1s;
 }
+
 .loader_spinner div:nth-child(2) {
   transform: rotate(30deg);
   animation-delay: -1s;
 }
+
 .loader_spinner div:nth-child(3) {
   transform: rotate(60deg);
   animation-delay: -0.9s;
 }
+
 .loader_spinner div:nth-child(4) {
   transform: rotate(90deg);
   animation-delay: -0.8s;
 }
+
 .loader_spinner div:nth-child(5) {
   transform: rotate(120deg);
   animation-delay: -0.7s;
 }
+
 .loader_spinner div:nth-child(6) {
   transform: rotate(150deg);
   animation-delay: -0.6s;
 }
+
 .loader_spinner div:nth-child(7) {
   transform: rotate(180deg);
   animation-delay: -0.5s;
 }
+
 .loader_spinner div:nth-child(8) {
   transform: rotate(210deg);
   animation-delay: -0.4s;
 }
+
 .loader_spinner div:nth-child(9) {
   transform: rotate(240deg);
   animation-delay: -0.3s;
 }
+
 .loader_spinner div:nth-child(10) {
   transform: rotate(270deg);
   animation-delay: -0.2s;
 }
+
 .loader_spinner div:nth-child(11) {
   transform: rotate(300deg);
   animation-delay: -0.1s;
 }
+
 .loader_spinner div:nth-child(12) {
   transform: rotate(330deg);
   animation-delay: 0s;
 }
+
 @keyframes loader_spinner {
   0% {
     opacity: 1;
   }
+
   100% {
     opacity: 0;
   }