Swap Icon für Invertierung erstellt

This commit is contained in:
ISA
2025-01-22 13:21:49 +01:00
parent d0d10ebeca
commit 139bc49f24

View File

@@ -82,14 +82,19 @@ function EinAusgaenge() {
/> />
{input.id} {input.id}
</td> </td>
<td <td className="p-2 xl:py-0">
className={`p-2 xl:py-0 ${ <div className="flex items-center">
{/* Status-Icon */}
<span
className={
input.status === "active" input.status === "active"
? "text-green-500" ? "text-green-500"
: "text-red-500" : "text-red-500"
}`} }
> >
{input.status === "active" ? "●" : "⨉"} {input.status === "active" ? "●" : "⨉"}
</span>
{/* Swap-Icon wird angezeigt, wenn invertiert */}
{input.isInverted && ( {input.isInverted && (
<Icon <Icon
icon="mdi:swap-vertical" icon="mdi:swap-vertical"
@@ -97,7 +102,9 @@ function EinAusgaenge() {
title="Invertiert" title="Invertiert"
/> />
)} )}
</div>
</td> </td>
<td className="p-2 xl:py-0">{input.description}</td> <td className="p-2 xl:py-0">{input.description}</td>
<td className="p-2 xl:py-0"> <td className="p-2 xl:py-0">
<Icon <Icon