From db3ccf06c81dc2d3c11675644632810b43655bbc Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Mon, 28 Apr 2025 08:55:26 +0200
Subject: [PATCH] =?UTF-8?q?Kabel=C3=BCberwachung=20responsive.=20QHD=20zu?=
 =?UTF-8?q?=20Tailwind=20hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/main/kabelueberwachung/kue705FO/Kue705FO.tsx | 3 ++-
 config/webVersion.ts                                    | 2 +-
 pages/kabelueberwachung.tsx                             | 2 +-
 tailwind.config.js                                      | 1 +
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/main/kabelueberwachung/kue705FO/Kue705FO.tsx b/components/main/kabelueberwachung/kue705FO/Kue705FO.tsx
index 4021493..f9d9589 100644
--- a/components/main/kabelueberwachung/kue705FO/Kue705FO.tsx
+++ b/components/main/kabelueberwachung/kue705FO/Kue705FO.tsx
@@ -175,7 +175,8 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
   return (
     <div
       className="relative bg-gray-300 w-[7.25rem] h-[24.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
+             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 ? (
diff --git a/config/webVersion.ts b/config/webVersion.ts
index 402a651..970180a 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.287";
+const webVersion = "1.6.288";
 export default webVersion;
diff --git a/pages/kabelueberwachung.tsx b/pages/kabelueberwachung.tsx
index 72b4160..c3f531f 100644
--- a/pages/kabelueberwachung.tsx
+++ b/pages/kabelueberwachung.tsx
@@ -144,7 +144,7 @@ function Kabelueberwachung() {
           </button>
         ))}
       </div>
-      <div className="flex flex-row space-x-8 xl:space-x-0 2xl:space-x-8  ml-[5%] mt-[5%]">
+      <div className="flex flex-row space-x-8 xl:space-x-0 2xl:space-x-8 qhd:space-x-16 ml-[5%] mt-[5%]">
         {racks[`rack${activeRack}`].map((slot, index) => {
           const slotIndex = index + (activeRack - 1) * 8;
           return (
diff --git a/tailwind.config.js b/tailwind.config.js
index 14d21af..8e4a9a2 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -18,6 +18,7 @@ module.exports = {
         laptop: "1350px",
         "2xl": "1600px",
         "3xl": "1920px",
+        qhd: "2560px",
       },
       height: {
         laptop: "688px", // Benutzerdefinierte Höhe für Laptop