Updated api usage, corrected table designs

2026-09-27 13:31:27 +02:00
parent 2efd2859c7
commit c1c5641d1e
11 changed files with 13413 additions and 3582 deletions
@@ -108,12 +108,15 @@ export const SortableTh: React.FC<SortableThProps> = ({
  ...props
 }) => {
  const isCurrent = currentColumn === column && direction !== null;
+  const hasPadding = className.includes('p-') || className.includes('py-') || className.includes('px-');
+  const defaultPadding = hasPadding ? '' : 'py-3.5 px-4';
+  const defaultWhitespace = className.includes('whitespace-') ? '' : 'whitespace-nowrap';

  return (
    <th
      {...props}
      onClick={() => onSort(column)}
-      className={`cursor-pointer select-none group transition-colors hover:text-white ${className}`}
+      className={`cursor-pointer select-none group transition-colors hover:text-white ${defaultPadding} ${defaultWhitespace} ${className}`.trim()}
      title={`Click to sort (Ascending, Descending, Clear)`}
    >
      <div