fix(logistics): header font size matches table body, bold weight
This commit is contained in:
parent
db261f96db
commit
349a5c5acf
|
|
@ -114,7 +114,7 @@ const TABLE_COLUMNS = [
|
||||||
];
|
];
|
||||||
|
|
||||||
const TableHeader = ({ sort, onSort }) => (
|
const TableHeader = ({ sort, onSort }) => (
|
||||||
<div className={`grid ${COLS} gap-0 border-b border-[var(--color-border)] bg-[var(--color-surface-strong)] text-[11px] text-[var(--color-text-muted)]`}>
|
<div className={`grid ${COLS} gap-0 border-b border-[var(--color-border)] bg-[var(--color-surface-strong)] text-[var(--color-text-muted)]`}>
|
||||||
{TABLE_COLUMNS.map((column) => {
|
{TABLE_COLUMNS.map((column) => {
|
||||||
const active = sort.key === column.key;
|
const active = sort.key === column.key;
|
||||||
return (
|
return (
|
||||||
|
|
@ -122,7 +122,7 @@ const TableHeader = ({ sort, onSort }) => (
|
||||||
key={column.key}
|
key={column.key}
|
||||||
type="button"
|
type="button"
|
||||||
onClick={() => onSort(column.key)}
|
onClick={() => onSort(column.key)}
|
||||||
className={`flex min-w-0 items-center gap-1 whitespace-nowrap px-3 py-1.5 text-left font-medium transition hover:text-[var(--color-text)] ${active ? "text-[var(--color-text)]" : ""}`}
|
className={`flex min-w-0 items-center gap-1 whitespace-nowrap px-3 py-1.5 text-left font-bold transition hover:text-[var(--color-text)] ${active ? "text-[var(--color-text)]" : ""}`}
|
||||||
title={`Сортировать: ${column.label.toLowerCase()}`}
|
title={`Сортировать: ${column.label.toLowerCase()}`}
|
||||||
aria-label={`Сортировать по колонке «${column.label}»`}
|
aria-label={`Сортировать по колонке «${column.label}»`}
|
||||||
>
|
>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue