Schaltausgänge Modal

components/main/einausgaenge/modals/DigitalOutputsModal.tsx

@@ -69,14 +69,16 @@ export default function DigitalOutputsModal({
   };
 
   return (
-    <div className="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50">
+    <div className="fixed top-0 left-0 w-full h-full bg-black bg-opacity-50 flex justify-center items-center z-50">
-      <div className="bg-white rounded-lg shadow-lg p-6 w-full max-w-md">
+      <div className="bg-white rounded-lg shadow-lg p-6 w-1/2 max-w-lg">
-        <h2 className="text-xl font-bold mb-4 text-littwin-blue">
+        <h2 className="text-base font-bold  mb-4 border-b pb-2">
-          Ausgang {selectedOutput.id} – Konfiguration
+          Einstellungen Schaltausgang {selectedOutput.id}
         </h2>
 
-        <div className="mb-4">
+        <div className="grid grid-cols-2 gap-x-4 gap-y-3">
-          <label className="block font-semibold mb-1">Bezeichnung</label>
+          <div>
+            <span className="font-normal">Bezeichnung:</span>
+          </div>
           <input
             type="text"
             value={label}
@@ -86,32 +88,20 @@ export default function DigitalOutputsModal({
           />
         </div>
 
-        <div className="mb-4 flex items-center justify-between">
-          <label className="font-semibold">Status</label>
-          <button
-            onClick={() => setStatus(!status)}
-            className={`px-3 py-1 rounded text-white font-medium ${
-              status ? "bg-green-600" : "bg-gray-400"
-            }`}
-          >
-            {status ? "EIN" : "AUS"}
-          </button>
-        </div>
-
         {errorMsg && <p className="text-red-600 text-sm mb-2">{errorMsg}</p>}
 
         <div className="flex justify-end gap-2 mt-6">
           <button
             onClick={closeOutputModal}
             disabled={isSaving}
-            className="px-4 py-2 rounded bg-gray-300 hover:bg-gray-400"
+            className="bg-littwin-blue text-white px-4 py-2 rounded flex items-center"
           >
-            Abbrechen
+            Schließen
           </button>
           <button
             onClick={handleSave}
             disabled={isSaving}
-            className="px-4 py-2 rounded bg-blue-600 hover:bg-blue-700 text-white"
+            className="bg-littwin-blue text-white px-4 py-2 rounded flex items-center"
           >
             {isSaving ? "Speichern..." : "Speichern"}
           </button>

config/webVersion.ts

@@ -6,5 +6,5 @@
 2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
 
 */
-const webVersion = "1.6.370";
+const webVersion = "1.6.371";
 export default webVersion;

public/images/analogeEingaengeIcon.svg

@@ -1,3 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF"  stroke="#00B0F0" stroke-width="1.06497" stroke-linecap="round" stroke-linejoin="round">
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="#FFFFFF" stroke="#00B0F0" stroke-width="1.06497" stroke-linecap="round" stroke-linejoin="round">
-  <path d="M2 12h3l3 8 4-16 3 8h7" />
+  <!-- Rahmen -->
-</svg>
+  <rect x="1" y="1" width="30" height="30" rx="4" ry="4" fill="none" stroke="#00B0F0" stroke-width="1.5" />
+
+  <!-- Wellenlinie -->
+  <path d="M4 16h3l3 8 4-16 3 8h11" />
+</svg>