From 62f0305e3a4444d40e3659cb225defa4cf748078 Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Mon, 24 Feb 2025 11:25:59 +0100
Subject: [PATCH] =?UTF-8?q?littwin-blue=20in=20=20digitale=20Ausg=C3=A4nge?=
 =?UTF-8?q?=20Schalter?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/einausgaenge/DigitalOutputs.tsx      |  4 ++--
 .../GeneralSettings.tsx                       | 19 ++++++++++++++-----
 config/webVersion.ts                          |  2 +-
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/components/main/einausgaenge/DigitalOutputs.tsx b/components/main/einausgaenge/DigitalOutputs.tsx
index d49fdb9..ca9cacc 100644
--- a/components/main/einausgaenge/DigitalOutputs.tsx
+++ b/components/main/einausgaenge/DigitalOutputs.tsx
@@ -24,7 +24,7 @@ export default function DigitalOutputs({ openOutputModal }) {
   return (
     <div className="bg-white shadow-md rounded-lg border border-gray-200 p-4 w-2/5 h-[fit-content]">
       <h2 className="text-md font-bold mb-4 flex items-center">
-        <Icon icon="mdi:output" className="text-blue-500 mr-2 text-2xl" />
+        <Icon icon="mdi:output" className="text-littwin-blue mr-2 text-2xl" />
         Digitale Ausgänge
       </h2>
       <table className="w-full text-sm border-collapse bg-white rounded-lg">
@@ -56,7 +56,7 @@ export default function DigitalOutputs({ openOutputModal }) {
                     onClick={() => toggleSwitch(output.id)}
                     className={`cursor-pointer text-2xl transform ${
                       output.status
-                        ? "text-blue-500 scale-x-100"
+                        ? "text-littwin-blue scale-x-100"
                         : "text-gray-500 scale-x-[-1]"
                     }`}
                   />
diff --git a/components/main/settingsPageComponents/GeneralSettings.tsx b/components/main/settingsPageComponents/GeneralSettings.tsx
index 5153a65..aac3f4b 100644
--- a/components/main/settingsPageComponents/GeneralSettings.tsx
+++ b/components/main/settingsPageComponents/GeneralSettings.tsx
@@ -84,7 +84,7 @@ const GeneralSettings = () => {
           </div>
           <button
             type="button"
-            className="bg-gray-500 text-white px-3 py-1 rounded text-xs"
+            className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
             onClick={() => handleSetDateTime()}
           >
             Setzen
@@ -129,33 +129,42 @@ const GeneralSettings = () => {
           />
         </div>
         <div className="col-span-2 flex items-center gap-2">
-          <label className="block text-xs font-medium">NTP Aktiv:</label>
           <input
+            id="ntpActive"
             type="checkbox"
+            className="peer hidden"
             checked={active}
             onChange={(e) => setActive(e.target.checked)}
           />
+          <label
+            htmlFor="ntpActive"
+            className="w-5 h-5 border-2 border-gray-300 rounded cursor-pointer flex items-center justify-center 
+              peer-checked:bg-littwin-blue peer-checked:border-littwin-blue peer-checked:text-white"
+          >
+            ✓
+          </label>
+          <span className="text-xs font-medium">NTP Aktiv</span>
         </div>
 
         {/* ✅ Buttons */}
         <div className="col-span-2 flex justify-between mt-2">
           <button
             type="button"
-            className="bg-blue-500 text-white px-3 py-1 rounded text-xs"
+            className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
             onClick={() => handleReboot()}
           >
             Neustart
           </button>
           <button
             type="button"
-            className="bg-red-500 text-white px-3 py-1 rounded text-xs"
+            className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
             onClick={() => handleClearDatabase()}
           >
             Datenbank leeren
           </button>
           <button
             type="button"
-            className="bg-green-500 text-white px-3 py-1 rounded text-xs"
+            className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
             onClick={() =>
               handleSubmit(
                 {
diff --git a/config/webVersion.ts b/config/webVersion.ts
index af30dbe..dcdd326 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.100";
+const webVersion = "1.6.101";
 export default webVersion;