diff options
Diffstat (limited to 'frontend/src/components/Loading.svelte')
| -rw-r--r-- | frontend/src/components/Loading.svelte | 28 |
1 files changed, 5 insertions, 23 deletions
diff --git a/frontend/src/components/Loading.svelte b/frontend/src/components/Loading.svelte index 6de2ea2..625da96 100644 --- a/frontend/src/components/Loading.svelte +++ b/frontend/src/components/Loading.svelte @@ -1,24 +1,6 @@ -<div class="loading-page" role="status" aria-live="polite"> - <span class="spinner" aria-hidden="true"></span> - <p>加载中…</p> +<div class="min-h-screen grid place-items-center text-muted-foreground" role="status" aria-live="polite"> + <div class="text-center"> + <span class="block mx-auto mb-2 size-5 rounded-full border-2 border-primary border-t-transparent animate-spin" aria-hidden="true"></span> + <p class="m-0">加载中…</p> + </div> </div> - -<style> - .loading-page { - min-height: 100vh; - display: grid; - place-items: center; - color: var(--text-3); - } - .spinner { - width: 22px; - height: 22px; - border: 2.5px solid var(--teal); - border-top-color: transparent; - border-radius: 50%; - animation: spin 0.8s linear infinite; - } - @keyframes spin { - to { transform: rotate(360deg); } - } -</style> |