fix: [finance] 적요 컬럼 텍스트 잘림 해제

- max-w-[220px] + truncate 제거로 긴 적요 전체 표시
- 은행거래 탭의 적요 컬럼도 동일 적용
This commit is contained in:
김보곤
2026-03-11 14:14:22 +09:00
parent 276f015138
commit 72e810cd5f

View File

@@ -900,7 +900,7 @@ className="px-3 py-1.5 text-sm border border-stone-200 rounded-lg focus:ring-2 f
<td className="px-3 py-2 text-stone-600 font-mono text-xs">{formatDate(tx.transDate)}</td>
<td className="px-3 py-2 text-stone-400 text-xs">{formatTime(tx.transTime)}</td>
{!selectedAccount && <td className="px-3 py-2 text-stone-500 text-xs truncate max-w-[120px]">{tx.bankName}</td>}
<td className="px-3 py-2 text-stone-800 max-w-[250px] truncate" title={tx.summary}>{tx.summary || '-'}</td>
<td className="px-3 py-2 text-stone-800" title={tx.summary}>{tx.summary || '-'}</td>
<td className="px-3 py-2 text-right font-medium text-blue-600">
{parseFloat(tx.deposit) > 0 ? formatCurrency(tx.deposit) : ''}
</td>
@@ -1330,11 +1330,11 @@ className={`px-2.5 py-1 text-xs rounded-full font-medium transition-colors ${vie
<td className="px-3 py-2.5 text-stone-500 text-xs font-mono whitespace-nowrap">
{row.entryNo || ''}
</td>
<td className="px-3 py-2.5 text-stone-800 text-sm max-w-[220px]">
<td className="px-3 py-2.5 text-stone-800 text-sm">
<div className="flex items-center gap-1.5">
<span className={`w-2 h-2 rounded-full flex-shrink-0 ${row.type === 'manual' ? 'bg-purple-500' : row.type === 'card' ? 'bg-orange-500' : 'bg-blue-500'}`}></span>
{row.type === 'card' && <CreditCard className="w-3.5 h-3.5 text-orange-500 flex-shrink-0" />}
<span className="truncate" title={row.description}>{row.description}</span>
<span title={row.description}>{row.description}</span>
{row.type === 'card' && row.cardTx && (
<span className={`px-1.5 py-0.5 rounded text-[10px] font-medium flex-shrink-0 ${row.cardTx.deductionType === 'non_deductible' ? 'bg-red-100 text-red-600' : 'bg-emerald-100 text-emerald-600'}`}>
{row.cardTx.deductionType === 'non_deductible' ? '불공제' : '공제'}