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

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> <Table>
<TableHeader className="bg-muted sticky top-0"> <TableHeader className="bg-muted sticky top-0">
<TableRow> <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) => ( {(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} {col.label}
</TableHead> </TableHead>
))} ))}
@ -2163,9 +2163,9 @@ export default function DigitalTwinEditor({ layoutId, layoutName, onBack }: Digi
return ( return (
<TableRow key={material[keyColumn] || `material-${index}`}> <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) => ( {displayColumns.map((col) => (
<TableCell key={col.column} className="text-xs"> <TableCell key={col.column} className="px-3 py-3 text-sm">
{material[col.column] || "-"} {material[col.column] || "-"}
</TableCell> </TableCell>
))} ))}

View File

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