디지털 트윈 자재 목록 테이블 가독성 개선

This commit is contained in:
dohyeons 2025-12-18 15:11:03 +09:00
parent 79c1a456f0
commit a24654c867
2 changed files with 9 additions and 9 deletions

View File

@ -2146,9 +2146,9 @@ export default function DigitalTwinEditor({ layoutId, layoutName, onBack }: Digi
<Table>
<TableHeader className="bg-muted sticky top-0">
<TableRow>
<TableHead className="w-[60px] text-xs"></TableHead>
<TableHead className="w-[70px] whitespace-nowrap px-3 py-3 text-sm"></TableHead>
{(hierarchyConfig?.material?.displayColumns || []).map((col) => (
<TableHead key={col.column} className="text-xs">
<TableHead key={col.column} className="px-3 py-3 text-sm">
{col.label}
</TableHead>
))}
@ -2163,9 +2163,9 @@ export default function DigitalTwinEditor({ layoutId, layoutName, onBack }: Digi
return (
<TableRow key={material[keyColumn] || `material-${index}`}>
<TableCell className="text-xs font-medium">{layerNumber}</TableCell>
<TableCell className="whitespace-nowrap px-3 py-3 text-sm font-medium">{layerNumber}</TableCell>
{displayColumns.map((col) => (
<TableCell key={col.column} className="text-xs">
<TableCell key={col.column} className="px-3 py-3 text-sm">
{material[col.column] || "-"}
</TableCell>
))}

View File

@ -645,14 +645,14 @@ export default function DigitalTwinViewer({ layoutId }: DigitalTwinViewerProps)
</Label>
{/* 테이블 형태로 전체 조회 */}
<div className="max-h-[400px] overflow-auto rounded-lg border">
<table className="w-full text-xs">
<table className="w-full text-sm">
<thead className="bg-muted sticky top-0">
<tr>
<th className="border-b px-2 py-2 text-left font-semibold"></th>
<th className="whitespace-nowrap border-b px-3 py-3 text-left font-semibold"></th>
{(hierarchyConfig?.material?.displayColumns || []).map((colConfig: any) => (
<th
key={colConfig.column}
className="border-b px-2 py-2 text-left font-semibold"
className="border-b px-3 py-3 text-left font-semibold"
>
{colConfig.label}
</th>
@ -668,11 +668,11 @@ export default function DigitalTwinViewer({ layoutId }: DigitalTwinViewerProps)
key={`${material.STKKEY}-${index}`}
className="hover:bg-accent border-b transition-colors last:border-0"
>
<td className="px-2 py-2 font-medium">
<td className="whitespace-nowrap px-3 py-3 font-medium">
{material[layerColumn]}
</td>
{displayColumns.map((colConfig: any) => (
<td key={colConfig.column} className="px-2 py-2">
<td key={colConfig.column} className="px-3 py-3">
{material[colConfig.column] || "-"}
</td>
))}