디지털 트윈 자재 목록 테이블 가독성 개선
This commit is contained in:
parent
79c1a456f0
commit
a24654c867
|
|
@ -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>
|
||||||
))}
|
))}
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
))}
|
))}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue