feat: add spinner

2025-05-15 16:10:27 +05:30
parent 5d8646a3f3
commit b74e78f698
1 changed files with 39 additions and 3 deletions
@@ -4,7 +4,6 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Web Components Test</title>
-    <link rel="stylesheet" href="/packs/style.css" />
    <script>
      window.__WOOT_ISOLATED_SHELL__ = true;
      window.__WOOT_ACCOUNT_ID__ = 1;
@@ -16,8 +15,45 @@
    </script>
  </head>
  <body>
-    <div id="app"></div>
-
+    <div id="app">
+      <div class="py-20 grid place-content-center">
+        <svg
+          width="40"
+          height="40"
+          viewBox="0 0 40 40"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <circle
+            cx="20"
+            cy="20"
+            r="18"
+            fill="none"
+            stroke="#ccc"
+            stroke-width="4"
+          />
+          <circle
+            cx="20"
+            cy="20"
+            r="18"
+            fill="none"
+            stroke="#333"
+            stroke-width="4"
+            stroke-dasharray="56.5487 56.5487"
+            stroke-dashoffset="0"
+          >
+            <animateTransform
+              attributeName="transform"
+              type="rotate"
+              from="0 20 20"
+              to="360 20 20"
+              dur="1s"
+              repeatCount="indefinite"
+            />
+          </circle>
+        </svg>
+      </div>
+    </div>
+    <link rel="stylesheet" href="/packs/style.css" />
    <script src="/packs/js/ui.js"></script>
  </body>
 </html>