Use CSS keyframe animation for spinner on web (#3411)

* Use css keyframe animation for spinner on web * duplicate css to index.html
2024-04-04 23:18:06 +01:00
parent 575f390d7b
commit 93b606e55a
4 changed files with 66 additions and 2 deletions
@@ -224,6 +224,21 @@
      .nativeDropdown-item:focus {
        outline: none;
      }
+
+      /* Spinner component */
+      @keyframes rotate {
+        0% {
+          transform: rotate(0deg);
+        }
+        100% {
+          transform: rotate(360deg);
+        }
+      }
+      .rotate-500ms {
+        position: absolute;
+        inset:0;
+        animation: rotate 500ms linear infinite;
+      }
    </style>
  </head>