feat: Tooltip für Eingangszustände eingebaut und versetzt positioniert

- Tooltip-Text erscheint bei Mouseover über Symbol
- Unterscheidung: Eingang inaktiv (✖), Eingang Aus (● rot), Eingang Ein (● grün)
- Position des Tooltips mit translate-x-4 und translate-y-4 optimiert
This commit is contained in:
ISA
2025-04-24 14:25:49 +02:00
parent 560a5cfd76
commit c60cfa1b92
4 changed files with 38 additions and 232 deletions

View File

@@ -113,12 +113,12 @@ export default function InputModal({ selectedInput, closeInputModal, isOpen }) {
<div className="flex items-center gap-3 text-xl font-semibold col-span-1">
{reduxInput.status ? (
<>
<span className="w-4 h-4 bg-red-500 rounded-full inline-block"></span>
<span className="text-red-500 text-2xl"></span>
<span className="text-red-600">Aus</span>
</>
) : (
<>
<span className="w-4 h-4 bg-green-500 rounded-full inline-block"></span>
<span className="text-green-500 text-2xl"></span>
<span className="text-green-600">Ein</span>
</>
)}