Ismail/CPLv4.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Swap Icon für Invertierung erstellt

Browse Source
This commit is contained in:
ISA
2025-01-22 13:21:49 +01:00
parent d0d10ebeca
commit 139bc49f24
1 changed files with 22 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
pages/einausgaenge.js
View File

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