diff options
| author | 2026-01-20 13:44:21 +0800 | |
|---|---|---|
| committer | 2026-01-20 13:44:21 +0800 | |
| commit | 7338b8627833018a0e3c05c3c4f3cc7fc182e8d2 (patch) | |
| tree | 23e39e5603aadc10d6b2d7efad063c68f357a860 /ui/src/components/StatusToast.svelte | |
| parent | dbf781a35b96252e0199fec4337515651e49a8f6 (diff) | |
| parent | cf6cd6ba667b35e352b705946420cf4acab2b004 (diff) | |
| download | DropOut-7338b8627833018a0e3c05c3c4f3cc7fc182e8d2.tar.gz DropOut-7338b8627833018a0e3c05c3c4f3cc7fc182e8d2.zip | |
[Chore] branch: Sync with main (#75)
Diffstat (limited to 'ui/src/components/StatusToast.svelte')
| -rw-r--r-- | ui/src/components/StatusToast.svelte | 42 |
1 files changed, 0 insertions, 42 deletions
diff --git a/ui/src/components/StatusToast.svelte b/ui/src/components/StatusToast.svelte deleted file mode 100644 index 4c981c7..0000000 --- a/ui/src/components/StatusToast.svelte +++ /dev/null @@ -1,42 +0,0 @@ -<script lang="ts"> - import { uiState } from "../stores/ui.svelte"; -</script> - -{#if uiState.status !== "Ready"} - {#key uiState.status} - <div - class="absolute top-12 right-12 bg-white/90 dark:bg-zinc-800/90 backdrop-blur border border-zinc-200 dark:border-zinc-600 p-4 rounded-lg shadow-2xl max-w-sm animate-in fade-in slide-in-from-top-4 duration-300 z-50 group" - > - <div class="flex justify-between items-start mb-1"> - <div class="text-xs text-zinc-500 dark:text-zinc-400 uppercase font-bold">Status</div> - <button - onclick={() => uiState.setStatus("Ready")} - class="text-zinc-400 hover:text-black dark:text-zinc-500 dark:hover:text-white transition -mt-1 -mr-1 p-1" - > - ✕ - </button> - </div> - <div class="font-mono text-sm whitespace-pre-wrap mb-2 text-gray-900 dark:text-gray-100">{uiState.status}</div> - <div class="w-full bg-gray-200 dark:bg-zinc-700/50 h-1 rounded-full overflow-hidden"> - <div - class="h-full bg-indigo-500 origin-left w-full progress-bar" - ></div> - </div> - </div> - {/key} -{/if} - -<style> - .progress-bar { - animation: progress 5s linear forwards; - } - - @keyframes progress { - from { - transform: scaleX(1); - } - to { - transform: scaleX(0); - } - } -</style> |