Refactor, move all pages to separate folder

2025-03-14 11:31:47 +02:00
parent 968a06c0f0
commit a2d1608cb0
54 changed files with 95 additions and 104 deletions
@@ -0,0 +1,12 @@
+import { Component } from 'solid-js'
+
+import styles from './spinner.module.css'
+
+export const LoadingSpinner: Component<{ text: string; }> = ({ text }) => {
+    return (
+        <div>
+            <span class={styles.spinner}></span>
+            <span style={{ "padding-left": "16px" }}>{ text }</span>
+        </div>
+    )
+}
@@ -0,0 +1,26 @@
+.spinner {
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+}
+
+.spinner:after {
+    content: " ";
+    display: block;
+    width: 14px;
+    height: 14px;
+    margin: 0px;
+    border-radius: 50%;
+    border: 6px solid #333;
+    border-color: #333 transparent #333 transparent;
+    animation: spinner 1.2s linear infinite;
+}
+
+@keyframes spinner {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}