Design ok für KÜ705-FO Komponente

This commit is contained in:
ISA
2024-10-15 20:32:32 +02:00
parent 2891e70a6b
commit 5d6e945e56
2 changed files with 56 additions and 36 deletions

View File

@@ -68,7 +68,7 @@ function Kabelueberwachung() {
}, []);
return (
<div className="bg-gray-100 flex-1 p-4">
<div className="bg-gray-100 flex-1 p-6">
<h1 className="text-2xl mb-4">Kabelüberwachung</h1>
{/* Tabs for Racks */}
@@ -108,14 +108,15 @@ function Kabelueberwachung() {
</div>
{/* Slots for the active rack */}
<div className="flex flex-row gap-4">
<div className="flex flex-row justify-between">
{racks[`rack${activeRack}`].map((slot, index) => (
<Kue705FO
key={index}
isolationswert={slot.isolationswert}
schleifenwiderstand={slot.schleifenwiderstand}
modulName={slot.modulName}
/>
<div key={index} className="flex-grow">
<Kue705FO
isolationswert={slot.isolationswert}
schleifenwiderstand={slot.schleifenwiderstand}
modulName={slot.modulName}
/>
</div>
))}
</div>
</div>