Dokploy/dokploy
1
0
Fork 0
mirror of https://github.com/Dokploy/dokploy synced 2025-06-26 18:27:59 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Mauricio Siu
2025-03-15 22:48:25 -06:00
parent 69fdda505d
commit 4c90f4754f
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/dokploy/components/dashboard/swarm/monitoring-card.tsx
View File

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