diff --git a/fe-admin/src/components/khkk/KhkkDetailContent.tsx b/fe-admin/src/components/khkk/KhkkDetailContent.tsx index b44f387..dcf9d04 100644 --- a/fe-admin/src/components/khkk/KhkkDetailContent.tsx +++ b/fe-admin/src/components/khkk/KhkkDetailContent.tsx @@ -551,7 +551,14 @@ export function KhkkDetailContent({ onChange={(e) => e.target.value && assignLine.mutate({ lineId: l.id, catalogEntryId: e.target.value })} disabled={assignLine.isPending} aria-label={`Chọn hạng mục cho dòng ${l.id}`} - className="h-8 w-full rounded-md border border-slate-200 bg-white px-2 text-xs text-slate-700 focus-visible:border-brand-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500/30" + // [S177 — anh: "Các cái mẫu bỏ đi nhé"] DÒNG ĐÃ CÓ = đọc như DỮ + // LIỆU, không như form: viền trong suốt + nền trong suốt, khung chỉ + // hiện khi rê chuột / vào ô. Đúng khuôn ô Ghi chú ngay dưới (đã ghost + // từ S175) ⇒ 3 trường của một dòng nay CÙNG một ngôn ngữ. + // 🔴 Chỉ đổi VẺ, KHÔNG đổi hành vi: vẫn `` thật, vẫn sửa + // được, vẫn tự lưu. Mũi tên dropdown của native select vẫn hiện nên + // không mất tín-hiệu "ô này bấm được". + className="h-8 w-full rounded border border-transparent bg-transparent px-2 text-xs text-slate-700 hover:border-slate-200 focus-visible:border-brand-500 focus-visible:bg-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500/30" > {l.catalogEntryId && !(catalogOptions.data ?? []).some((c) => c.id === l.catalogEntryId) && ( @@ -607,7 +614,8 @@ export function KhkkDetailContent({ if (!Number.isFinite(v) || v < 0) { e.target.value = String(l.proposedAmount); return } if (v !== l.proposedAmount) saveLineField.mutate({ lineId: l.id, proposedAmount: v }) }} - className="h-8 w-full rounded-md border border-slate-200 bg-white px-2 text-right text-xs tabular-nums text-brand-800 focus-visible:border-brand-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500/30" + // [S177] Cùng lý lẽ với ô hạng mục ngay trên — bỏ khung ở dòng ĐÃ CÓ. + className="h-8 w-full rounded border border-transparent bg-transparent px-2 text-right text-xs tabular-nums text-brand-800 hover:border-slate-200 focus-visible:border-brand-500 focus-visible:bg-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500/30" /> ) : moneyOrDash(l.proposedAmount)}