fix(ui): Toast 撤销可暂停,存储告警提升为全局
- Toast 自动关闭支持悬停/聚焦暂停,移开后按剩余时间继续 - 存储异常提示移到 App 级,看板与今日视图都能看到 - 归档隐藏与筛选隐藏分开说明,并提示列内排序暂停原因
This commit is contained in:
+15
-3
@@ -1,4 +1,5 @@
|
||||
<script setup lang="ts">
|
||||
import { storeToRefs } from 'pinia'
|
||||
import { onMounted } from 'vue'
|
||||
import { RouterView } from 'vue-router'
|
||||
|
||||
@@ -30,6 +31,7 @@ const CARD_SHORTCUTS = [
|
||||
const store = useTaskStore()
|
||||
const ui = useUiStore()
|
||||
const theme = useThemeStore()
|
||||
const { notice } = storeToRefs(store)
|
||||
|
||||
onMounted(() => {
|
||||
store.init()
|
||||
@@ -48,6 +50,18 @@ useKeyboardShortcuts({
|
||||
<div class="flex h-full min-h-0 flex-col bg-slate-100 dark:bg-zinc-950">
|
||||
<AppNav />
|
||||
|
||||
<!--
|
||||
存储异常必须在两个视图都可见:今日视图同样会丢数据,
|
||||
把提示放在应用级而不是看板里,避免「切到今日就看不见告警」。
|
||||
-->
|
||||
<p
|
||||
v-if="notice"
|
||||
role="alert"
|
||||
class="border-b border-amber-300 bg-amber-50 px-4 py-2 text-sm text-amber-800 dark:border-amber-800 dark:bg-amber-950/60 dark:text-amber-300 md:px-6"
|
||||
>
|
||||
{{ notice }}
|
||||
</p>
|
||||
|
||||
<main class="flex min-h-0 flex-1 flex-col">
|
||||
<RouterView />
|
||||
</main>
|
||||
@@ -86,9 +100,7 @@ useKeyboardShortcuts({
|
||||
</div>
|
||||
</dl>
|
||||
|
||||
<p class="mt-4 text-xs text-slate-400 dark:text-zinc-500">
|
||||
在输入框内输入时不会触发快捷键。
|
||||
</p>
|
||||
<p class="mt-4 text-xs text-slate-400 dark:text-zinc-500">在输入框内输入时不会触发快捷键。</p>
|
||||
</SideDrawer>
|
||||
|
||||
<ToastHost />
|
||||
|
||||
Reference in New Issue
Block a user