refactor(monitoring-card): change node display from row to grid layout for improved responsiveness

This commit is contained in:
Mauricio Siu
2025-03-15 22:48:25 -06:00
parent 69fdda505d
commit 4c90f4754f

View File

@@ -176,10 +176,12 @@ export default function SwarmMonitorCard({ serverId }: Props) {
</Card> </Card>
</div> </div>
<div className="flex flex-row gap-4"> <div className="grid grid-cols-1 xl:grid-cols-2 2xl:grid-cols-3 gap-4">
{nodes.map((node) => ( {[...nodes, ...nodes, ...nodes, ...nodes, ...nodes, ...nodes].map(
<NodeCard key={node.ID} node={node} serverId={serverId} /> (node) => (
))} <NodeCard key={node.ID} node={node} serverId={serverId} />
),
)}
</div> </div>
</div> </div>
</Card> </Card>