fix(table): white row bg + stronger hover per user feedback

User: "строки таблиц белые / ховер на них более чёткий а то еле видно".

Прошлый hover был bg-surface-2/40 (40% opacity на cream/yellow page bg) —
почти неотличим от default. Под page bg #faf9f5 + 40% opacity surface-2
тёмное пятно еле проступало. На long тяжело отследить какая row под cursor.

Изменения:
- DictRow (catalog table): убран subtle scope-color bg tint (был
  warn-bg/30, pink-bg/30 — еле виден на page bg). Row всегда `bg-surface`
  (white). Scope visually conveyed через 3px left-stripe + colored SCOPE
  chip. Hover full strength `bg-surface-2` (no /40 opacity).
- FieldsTabContent + EventsTabContent rows: same change — bg-surface +
  hover:bg-surface-2.
- Shared TableRow component (ui/components/table.tsx): bg-surface +
  hover:bg-surface-2 — applies к records table, audit, и любым другим
  TableRow callsites.
This commit is contained in:
Zimin A.N.
2026-05-11 20:00:40 +03:00
parent 38f7dcee3e
commit a27e9ec901
3 changed files with 10 additions and 8 deletions
@@ -1655,7 +1655,7 @@ function FieldsTabContent({ detail }: { detail: { schemaJson: import('@/api/clie
{entries.map(([key, prop], idx) => (
<tr
key={key}
className="border-t border-line-2 hover:bg-surface-2/40 transition-colors"
className="border-t border-line-2 bg-surface hover:bg-surface-2 transition-colors"
>
<td className="px-3 py-2 text-mono text-mute tabular-nums">
{String(idx + 1).padStart(2, '0')}
@@ -1897,7 +1897,7 @@ function EventsTabContent({ dictName }: { dictName: string }) {
return (
<tr
key={`${r.id}`}
className="border-t border-line-2 hover:bg-surface-2/40 transition-colors"
className="border-t border-line-2 bg-surface hover:bg-surface-2 transition-colors"
>
<td className="text-mono text-cell tabular-nums px-3 py-2 text-ink-2">
{time.toLocaleString(undefined, {