diff options
| author |   简律纯 <i@jyunko.cn> | 2026-01-15 20:48:39 +0800 |
|---|---|---|
| committer |   GitHub <noreply@github.com> | 2026-01-15 20:48:39 +0800 |
| commit | 5931daf9283478f49652098c3e0f6be8de0f52f8 (patch) | |
| tree | d150c7733d039d71e40a9d3298952a4627fe2584 /ui/src/App.svelte | |
| parent | 32a9aceee42a2261b64f9e6effda522639576a5e (diff) | |
| parent | 959d1c54e6b5b101b20c027d547707a40ab0a29b (diff) | |
| download | DropOut-5931daf9283478f49652098c3e0f6be8de0f52f8.tar.gz DropOut-5931daf9283478f49652098c3e0f6be8de0f52f8.zip | |
Merge pull request #32 from HsiangNianian/main
Diffstat (limited to 'ui/src/App.svelte')
| -rw-r--r-- | ui/src/App.svelte | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/ui/src/App.svelte b/ui/src/App.svelte index 0bb31ae..760a15f 100644 --- a/ui/src/App.svelte +++ b/ui/src/App.svelte @@ -141,6 +141,32 @@ <LoginModal /> <StatusToast /> + <!-- Logout Confirmation Dialog --> + {#if authState.isLogoutConfirmOpen} + <div class="fixed inset-0 z-[200] bg-black/70 backdrop-blur-sm flex items-center justify-center p-4"> + <div class="bg-zinc-900 border border-zinc-700 rounded-xl shadow-2xl p-6 max-w-sm w-full animate-in fade-in zoom-in-95 duration-200"> + <h3 class="text-lg font-bold text-white mb-2">Logout</h3> + <p class="text-zinc-400 text-sm mb-6"> + Are you sure you want to logout <span class="text-white font-medium">{authState.currentAccount?.username}</span>? + </p> + <div class="flex gap-3 justify-end"> + <button + onclick={() => authState.cancelLogout()} + class="px-4 py-2 text-sm font-medium text-zinc-300 hover:text-white bg-zinc-800 hover:bg-zinc-700 rounded-lg transition-colors" + > + Cancel + </button> + <button + onclick={() => authState.confirmLogout()} + class="px-4 py-2 text-sm font-medium text-white bg-red-600 hover:bg-red-500 rounded-lg transition-colors" + > + Logout + </button> + </div> + </div> + </div> + {/if} + {#if uiState.showConsole} <div class="fixed inset-0 z-[100] bg-black/80 backdrop-blur-sm flex items-center justify-center p-8"> <div class="w-full h-full max-w-6xl max-h-[85vh] bg-[#1e1e1e] rounded-lg overflow-hidden border border-zinc-700 shadow-2xl relative flex flex-col"> |