fix(ui): 标签按钮字号降到 12px,与同排控件对齐

工具栏第一行里,标签按钮是唯一用 text-sm(14px)的控件,而优先级分段
和到期统计按钮都是 text-xs(12px),视觉上「标签」两个字明显偏大,
与右侧的「今日到期 / 逾期」不协调。

搜索框保持 14px —— 那是输入区,需要这个字号保证输入与占位文字的可读性;
按钮类控件统一 12px。

实测(Playwright 读取 computed font-size):
- 修复前:搜索框 14px、优先级 12px、标签 14px、今日到期 12px、逾期 12px
- 修复后:搜索框 14px,其余按钮全部 12px

验证:单元测试 480 个通过,lint 与构建无错误。
This commit is contained in:
chenshoulin
2026-10-18 18:05:05 +08:00
parent 00af665f12
commit 77b62f1a57
+1 -1
View File
@@ -44,7 +44,7 @@ onBeforeUnmount(() => {
<div ref="rootRef" class="relative">
<button
type="button"
class="flex h-9 items-center gap-1.5 rounded-md border px-2.5 text-sm transition"
class="flex h-9 items-center gap-1.5 rounded-md border px-2.5 text-xs transition"
:class="
selected.length > 0
? 'border-sky-300 bg-sky-50 text-sky-700 dark:border-sky-700 dark:bg-sky-950 dark:text-sky-300'