From 45c5040198fef4cbecea7a4c74b563f466baccae Mon Sep 17 00:00:00 2001
From: chenshoulin <chenshoulin@goldenstand.cn>
Date: Sun, 18 Oct 2026 20:33:55 +0800
Subject: [PATCH] =?UTF-8?q?style(ui):=20=E6=B8=85=E9=99=A4=E4=B8=8E?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=8C=89=E9=92=AE=E8=A1=A5=E4=B8=8A=E8=BE=B9?=
 =?UTF-8?q?=E6=A1=86=EF=BC=8C=E4=B8=8E=E5=8F=96=E6=B6=88/=E4=BF=9D?=
 =?UTF-8?q?=E5=AD=98=E6=88=90=E5=A5=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

抽屉底部的取消有边框、保存是实心，而删除是纯文字；日期框旁的清除同样是
纯文字。两者都缺少按钮的可点击暗示，放在一起不成套。

- 删除：加 border-rose-300 / dark:border-rose-800，保留 rose 文字色
- 清除：加 border-slate-300 / dark:border-zinc-600，圆角由 rounded(4px)
  改为 rounded-md(6px) 与日期输入框对齐，文字色提到 slate-600/zinc-300

窄屏下验证过不溢出：320 / 336 / 390 / 1440 四种宽度、深浅两色，
日期行 scrollWidth 均等于 clientWidth。
---
 src/components/DatePicker.vue       | 2 +-
 src/components/TaskDetailDrawer.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/DatePicker.vue b/src/components/DatePicker.vue
index a6fe8e8..7ca1bc5 100644
--- a/src/components/DatePicker.vue
+++ b/src/components/DatePicker.vue
@@ -89,7 +89,7 @@ function openPicker(): void {
     <button
       v-if="modelValue"
       type="button"
-      class="shrink-0 rounded px-2 py-1 text-xs text-slate-500 transition hover:bg-slate-100 dark:text-zinc-400 dark:hover:bg-zinc-800"
+      class="shrink-0 rounded-md border border-slate-300 px-2.5 py-1 text-xs text-slate-600 transition hover:bg-slate-100 dark:border-zinc-600 dark:text-zinc-300 dark:hover:bg-zinc-800"
       @click="emit('update:modelValue', null)"
     >
       清除
diff --git a/src/components/TaskDetailDrawer.vue b/src/components/TaskDetailDrawer.vue
index d6a7cdf..634f228 100644
--- a/src/components/TaskDetailDrawer.vue
+++ b/src/components/TaskDetailDrawer.vue
@@ -139,7 +139,7 @@ function remove(): void {
       <div class="flex items-center justify-between">
         <button
           type="button"
-          class="rounded-md px-2.5 py-1.5 text-sm text-rose-600 transition hover:bg-rose-50 dark:text-rose-400 dark:hover:bg-rose-950"
+          class="rounded-md border border-rose-300 px-2.5 py-1.5 text-sm text-rose-600 transition hover:bg-rose-50 dark:border-rose-800 dark:text-rose-400 dark:hover:bg-rose-950"
           @click="remove"
         >
           删除