From 300318cae7e6344ae53cd3597644814805b67182 Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Wed, 7 May 2025 14:12:56 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20Spaltenh=C3=B6he=20Titelzeile=20untersch?=
 =?UTF-8?q?iedlich=20in=20digitale=20Eing=C3=A4nge/Meldungseing=C3=A4nge?=
 =?UTF-8?q?=20,=20Digitale=20Ausg=C3=A4nge/Schaltausg=C3=A4nge=20und=20Ana?=
 =?UTF-8?q?loge=20Eing=C3=A4nge/Messwerteing=C3=A4nge?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AnalogeEingaengeTable.tsx                 | 131 +++++++++---------
 .../main/einausgaenge/DigitalInputs.tsx       |   2 +-
 .../einausgaenge/DigitalOutputsWidget.tsx     |   2 +-
 config/webVersion.ts                          |   2 +-
 4 files changed, 67 insertions(+), 70 deletions(-)

diff --git a/components/main/analogeEingaenge/AnalogeEingaengeTable.tsx b/components/main/analogeEingaenge/AnalogeEingaengeTable.tsx
index 92ee460..c981d36 100644
--- a/components/main/analogeEingaenge/AnalogeEingaengeTable.tsx
+++ b/components/main/analogeEingaenge/AnalogeEingaengeTable.tsx
@@ -33,81 +33,78 @@ export default function AnalogeEingaengeTable({
   };
 
   return (
-    <div className="w-full">
-      <h2 className="text-sm laptop:text-xs font-bold mb-3 flex items-center">
+    <div className="bg-white shadow-md border border-gray-200 p-3 rounded-lg w-full laptop:p-1 xl:p-1">
+      <h2 className="laptop:text-sm  md:text-base 2xl:text-lg font-bold mb-3 flex items-center">
         <Icon
           icon={waveformIcon}
-          className="text-littwin-blue mr-2 text-xl laptop:text-lg xl:text-xl 2xl:text-2xl border border-littwin-blue"
+          className="text-littwin-blue mr-2 text-2xl laptop:text-lg xl:text-xl 2xl:text-2xl border-2 border-littwin-blue rounded-md"
         />
         Messwerteingänge
       </h2>
-
-      <div className="bg-white shadow-lg rounded-lg p-4 border border-gray-200">
-        <div className="overflow-x-auto">
-          <table className="w-full border-collapse border border-gray-300 text-sm md:text-base">
-            <thead>
-              <tr className="bg-gray-100 text-gray-700">
-                <th className="border p-1 text-left">Eingang</th>
-                <th className="border p-3 text-left">Messwert</th>
-                <th className="border p-3 text-left">Einheit</th>
-                <th className="border p-3 text-left">Bezeichnung</th>
-                <th className="border p-3 text-left">Aktion</th>
-              </tr>
-            </thead>
-            <tbody>
-              {Object.values(analogeEingaenge)
-                .filter((e) => e?.id !== null && e?.id !== undefined)
-                .map((e, index) => (
-                  <tr
-                    key={index}
-                    className={`transition cursor-pointer ${
-                      e.id === activeId ? "bg-blue-100" : "hover:bg-gray-100"
-                    }`}
+      <div className="overflow-x-auto">
+        <table className="w-full text-xs laptop:text-[10px] xl:text-xs 2xl:text-sm border-collapse">
+          <thead className="bg-gray-100 border-b">
+            <tr>
+              <th className="border p-1 text-left">Eingang</th>
+              <th className="border p-1 text-left">Messwert</th>
+              <th className="border p-1 text-left">Einheit</th>
+              <th className="border p-1 text-left">Bezeichnung</th>
+              <th className="border p-1 text-left">Aktion</th>
+            </tr>
+          </thead>
+          <tbody>
+            {Object.values(analogeEingaenge)
+              .filter((e) => e?.id !== null && e?.id !== undefined)
+              .map((e, index) => (
+                <tr
+                  key={index}
+                  className={`transition cursor-pointer ${
+                    e.id === activeId ? "bg-blue-100" : "hover:bg-gray-100"
+                  }`}
+                >
+                  <td
+                    className="border p-2"
+                    onClick={() => handleSelect(e.id!)}
                   >
-                    <td
-                      className="border p-3"
-                      onClick={() => handleSelect(e.id!)}
-                    >
-                      <div className="flex items-center gap-1 ">
-                        <Icon
-                          icon={waveformIcon}
-                          className="text-gray-600 text-base laptop:text-sm xl:text-sm 2xl:text-lg"
-                        />
-                        {e.id ?? "-"}
-                      </div>
-                    </td>
-                    <td
-                      className="border p-3 text-right"
-                      onClick={() => handleSelect(e.id!)}
-                    >
-                      {typeof e.value === "number" ? e.value.toFixed(2) : "-"}
-                    </td>
+                    <div className="flex items-center gap-1 ">
+                      <Icon
+                        icon={waveformIcon}
+                        className="text-gray-600 text-base laptop:text-sm xl:text-sm 2xl:text-lg"
+                      />
+                      {e.id ?? "-"}
+                    </div>
+                  </td>
+                  <td
+                    className="border p-2 text-right"
+                    onClick={() => handleSelect(e.id!)}
+                  >
+                    {typeof e.value === "number" ? e.value.toFixed(2) : "-"}
+                  </td>
 
-                    <td className="border p-3">{e.unit || "-"}</td>
-                    <td
-                      className="border p-3"
-                      onClick={() => handleSelect(e.id!)}
-                    >
-                      {e.name || "----"}
-                    </td>
+                  <td className="border p-2">{e.unit || "-"}</td>
+                  <td
+                    className="border p-2"
+                    onClick={() => handleSelect(e.id!)}
+                  >
+                    {e.name || "----"}
+                  </td>
 
-                    <td className="border p-3 text-center">
-                      <button
-                        onClick={() => {
-                          handleSelect(e.id!);
-                          setSelectedInput(e);
-                          setIsSettingsModalOpen(true);
-                        }}
-                        className="text-gray-400 hover:text-gray-500"
-                      >
-                        <Icon icon={settingsIcon} className="text-xl" />
-                      </button>
-                    </td>
-                  </tr>
-                ))}
-            </tbody>
-          </table>
-        </div>
+                  <td className="border p-2 text-center">
+                    <button
+                      onClick={() => {
+                        handleSelect(e.id!);
+                        setSelectedInput(e);
+                        setIsSettingsModalOpen(true);
+                      }}
+                      className="text-gray-400 hover:text-gray-500"
+                    >
+                      <Icon icon={settingsIcon} className="text-xl" />
+                    </button>
+                  </td>
+                </tr>
+              ))}
+          </tbody>
+        </table>
       </div>
     </div>
   );
diff --git a/components/main/einausgaenge/DigitalInputs.tsx b/components/main/einausgaenge/DigitalInputs.tsx
index a7456c1..a3eb763 100644
--- a/components/main/einausgaenge/DigitalInputs.tsx
+++ b/components/main/einausgaenge/DigitalInputs.tsx
@@ -22,7 +22,7 @@ export default function DigitalInputs({ openInputModal, inputRange }: Props) {
 
   return (
     <div className="bg-white shadow-md border border-gray-200 p-3 rounded-lg w-full laptop:p-1 xl:p-1">
-      <h2 className="text-sm laptop:text-xs font-bold mb-3 flex items-center">
+      <h2 className="laptop:text-sm  md:text-base 2xl:text-lg font-bold mb-3 flex items-center">
         <Icon
           icon={inputIcon}
           className="text-littwin-blue mr-2 text-xl laptop:text-lg xl:text-xl 2xl:text-2xl"
diff --git a/components/main/einausgaenge/DigitalOutputsWidget.tsx b/components/main/einausgaenge/DigitalOutputsWidget.tsx
index 4d63154..2fff0cd 100644
--- a/components/main/einausgaenge/DigitalOutputsWidget.tsx
+++ b/components/main/einausgaenge/DigitalOutputsWidget.tsx
@@ -36,7 +36,7 @@ export default function DigitalOutputsWidget({ openOutputModal }) {
 
   return (
     <div className="bg-white shadow-md border border-gray-200 p-3 rounded-lg w-full h-fit max-h-[400px] overflow-auto">
-      <h2 className="text-sm laptop:text-xs font-bold mb-3 flex items-center">
+      <h2 className="laptop:text-sm  md:text-base 2xl:text-lg font-bold mb-3 flex items-center">
         <Icon
           icon={outputIcon}
           className="text-littwin-blue mr-2 text-xl laptop:text-lg xl:text-xl 2xl:text-2xl"
diff --git a/config/webVersion.ts b/config/webVersion.ts
index 2d4b7eb..c407554 100644
--- a/config/webVersion.ts
+++ b/config/webVersion.ts
@@ -6,5 +6,5 @@
 2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
 
 */
-const webVersion = "1.6.389";
+const webVersion = "1.6.390";
 export default webVersion;