fix(ui): [UI7-2] 统一全局 Design Tokens,移除冗余字体,修复异常色值引用
这个提交包含在:
@@ -142,7 +142,7 @@ export function MobileCapturePage() {
|
||||
|
||||
<Card className="space-y-3 p-4">
|
||||
<div className="flex items-center justify-between">
|
||||
<h3 className="text-base font-semibold text-slate-900">拍照/选择文件</h3>
|
||||
<h3 className="text-base font-semibold text-zinc-900">拍照/选择文件</h3>
|
||||
<span className={isOnline ? "text-emerald-600" : "text-orange-600"}>
|
||||
{isOnline ? "在线" : "离线"}
|
||||
</span>
|
||||
@@ -160,7 +160,7 @@ export function MobileCapturePage() {
|
||||
type="file"
|
||||
/>
|
||||
|
||||
<div className="text-sm text-slate-600">
|
||||
<div className="text-sm text-zinc-600">
|
||||
当前文件:{selectedFile ? `${selectedFile.name} (${Math.ceil(selectedFile.size / 1024)} KB)` : "未选择"}
|
||||
</div>
|
||||
|
||||
@@ -216,20 +216,20 @@ export function MobileCapturePage() {
|
||||
|
||||
<Card className="space-y-3 p-4" data-testid="mobile-capture-queue">
|
||||
<div className="flex items-center justify-between">
|
||||
<h3 className="text-base font-semibold text-slate-900">离线上传队列</h3>
|
||||
<span className="text-sm text-slate-500">{queuedCountLabel}</span>
|
||||
<h3 className="text-base font-semibold text-zinc-900">离线上传队列</h3>
|
||||
<span className="text-sm text-zinc-500">{queuedCountLabel}</span>
|
||||
</div>
|
||||
|
||||
{queueQuery.isLoading ? <div className="flex items-center gap-2 text-sm text-slate-500"><Spinner size="sm" />加载中...</div> : null}
|
||||
{queueQuery.isLoading ? <div className="flex items-center gap-2 text-sm text-zinc-500"><Spinner size="sm" />加载中...</div> : null}
|
||||
|
||||
{!queueQuery.isLoading && queuedItems.length === 0 ? (
|
||||
<p className="text-sm text-slate-500">暂无待上传文件。</p>
|
||||
<p className="text-sm text-zinc-500">暂无待上传文件。</p>
|
||||
) : null}
|
||||
|
||||
{queuedItems.map((item) => (
|
||||
<div key={item.id} className="rounded-lg border border-slate-200 px-3 py-2 text-sm">
|
||||
<div className="font-medium text-slate-800">{item.fileName}</div>
|
||||
<div className="text-slate-500">创建时间:{formatTime(item.createdAt)}</div>
|
||||
<div key={item.id} className="rounded-lg border border-zinc-200 px-3 py-2 text-sm">
|
||||
<div className="font-medium text-zinc-800">{item.fileName}</div>
|
||||
<div className="text-zinc-500">创建时间:{formatTime(item.createdAt)}</div>
|
||||
<div className="mt-2">
|
||||
<Button
|
||||
data-testid={`mobile-capture-remove-${item.id}`}
|
||||
|
||||
在新工单中引用
屏蔽一个用户