add large table size

2026-06-14 23:44:01 +02:00 · 2025-10-09 14:25:27 -07:00
parent c2715a2d7e
commit 943b26dfea
16 changed files with 432 additions and 76 deletions
@@ -1,3 +1,7 @@
+import clsx from 'clsx';
+
+import styles from './text-column.module.css';
+
 import {
    ItemTableListInnerColumn,
    TableColumnTextContainer,
@@ -10,10 +14,17 @@ export const TextColumn = (props: ItemTableListInnerColumn) => {
    ];

    if (typeof row === 'string' && row) {
-        const maxLength = 100;
-        const displayText = row.length > maxLength ? `${row.slice(0, maxLength)}...` : row;
-
-        return <TableColumnTextContainer {...props}>{displayText}</TableColumnTextContainer>;
+        return (
+            <TableColumnTextContainer
+                className={clsx(styles.textContainer, {
+                    [styles.compact]: props.size === 'compact',
+                    [styles.large]: props.size === 'large',
+                })}
+                {...props}
+            >
+                {row}
+            </TableColumnTextContainer>
+        );
    }

    return (