Ismail/CPLv4.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsiv Kabelüberwachung und dashboard

Browse Source
This commit is contained in:
Ismail Ali
2025-01-21 21:30:34 +01:00
parent 5462b90da3
commit b0451c87ef
8 changed files with 62 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
pages/kabelueberwachung.js
View File

@@ -95,8 +95,8 @@ function Kabelueberwachung() {
}, [activeRack, racks]);
return (
<div className="bg-gray-100 flex-1 p-6 text-black">
<h1 className="text-2xl mb-4">Kabelüberwachung</h1>
<div className="bg-gray-100 flex-1 p-6 text-black xl:p-4 2xl:p-6">
<h1 className="text-2xl xl:text-xl mb-4">Kabelüberwachung</h1>
<div className="mb-4">
{[1, 2, 3, 4].map((rack) => (
<button
@@ -112,7 +112,7 @@ function Kabelueberwachung() {
</button>
))}
</div>
<div className="flex flex-row space-x-4 scale-110 ml-[5%] mt-[5%]">
<div className="flex flex-row space-x-8 xl:space-x-0 2xl:space-x-8 ml-[5%] mt-[5%]">
{racks[`rack${activeRack}`].map((slot, index) => {
const slotIndex = index + (activeRack - 1) * 8;
return (