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

fix(Kue705FO): maintain consistent 3-line display layout

Browse Source 
- Keep alarm status line with empty space when no alarm is present
- Use non-breaking space (\u00A0) to preserve line height and layout
- Remove green "Status: OK" text for cleaner display
- Ensure consistent 3-line structure: Alarm/Empty, ISO, RSL
This commit is contained in:
ISA
2025-07-25 13:45:16 +02:00
parent afdcb6b92f
commit f79c225b71
6 changed files with 25 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/main/kabelueberwachung/kue705FO/Kue705FO.tsx
View File

@@ -168,7 +168,7 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
return (
<div
className="relative bg-gray-300 w-[7.25rem] h-[30.375rem] border border-gray-400 transform laptop:-translate-y-12 2xl:-translate-y-0
className="relative bg-gray-300 w-[7.25rem] h-[23.375rem] border border-gray-400 transform laptop:-translate-y-12 2xl:-translate-y-0
scale-100 sm:scale-95 md:scale-100 lg:scale-105 xl:scale-90 2xl:scale-125 top-3 qhd:scale-150 qhd:-translate-y-0"
>
{kueOnline === 1 ? (
@@ -221,9 +221,9 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
</div>
{/* Schwarzes Display mit drei Zeilen: Alarm, ISO, Schleife */}
<div className="relative mt-[3.125rem] mx-auto bg-black text-white w-[6.8rem] h-[3.1rem] flex flex-col items-center justify-center z-10 p-1">
<div className="text-center w-full flex flex-col justify-center items-center h-full">
{/* 1. Zeile: Alarmtext in Rot, sonst leer */}
<div className="relative mt-[3.125rem] mx-auto bg-black text-white w-[6.8rem] h-[3.1rem] flex flex-col items-center justify-between z-10 p-1">
<div className="text-center w-full flex flex-col justify-between items-center h-full">
{/* 1. Zeile: Alarmtext in Rot, sonst "Status: OK" */}
<span
className={`whitespace-nowrap block text-[0.65rem] font-semibold ${
Number(kuePSTmMinus96V?.[slotIndex]) === 1 ||
@@ -232,7 +232,7 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
Number(kueAlarm1?.[slotIndex]) === 1 ||
Number(kueAlarm2?.[slotIndex]) === 1
? "text-red-500"
: ""
: "text-green-500"
}`}
>
{Number(kuePSTmMinus96V?.[slotIndex]) === 1
@@ -245,7 +245,9 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
? "Isolationsfehler"
: Number(kueAlarm2?.[slotIndex]) === 1
? "Schleifenfehler"
: ""}
: " "}
{"\u00A0"}
{/* Status: OK*/}
</span>
{/* 2. Zeile: ISO-Wert, immer anzeigen */}
<span