Kabelüberwachung responsive. QHD zu Tailwind hinzugefügt

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 ? (

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;

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 (

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