fix(list): 테이블 고정 레이아웃·셀 말줄임 제거

- table-fixed 를 내용 기반 자동 레이아웃으로 전환, 셀의 overflow-hidden·text-ellipsis 제거
- 셀 내용이 잘리는 대신 컬럼 폭이 내용에 맞게 조정되도록 (whitespace-nowrap 은 유지)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
민헌 2026-07-06 17:29:18 +09:00
parent 4b0455c237
commit 6bf37dcf5a

View File

@ -15,7 +15,7 @@ export function TableSection({ items, selectedId, isLoading, onItemClick }: Tabl
return (
<div className="flex flex-1 flex-col w-full min-h-0">
<div className="h-full overflow-auto rounded-[8px] bg-background">
<table className="w-full min-w-[1431px] table-fixed border-separate border-spacing-0">
<table className="w-full min-w-[1431px] border-separate border-spacing-0">
<thead className="sticky top-0 z-10">
<tr className="h-[53px] bg-table-header text-foreground text-lg font-semibold">
{COLUMNS.map((col) => (
@ -50,7 +50,7 @@ export function TableSection({ items, selectedId, isLoading, onItemClick }: Tabl
key={col.key}
className={cn(
col.width,
'px-4 border-b border-border overflow-hidden text-ellipsis whitespace-nowrap',
'px-4 border-b border-border whitespace-nowrap',
col.align,
)}
>