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

Kabelüberwachung responsive. QHD zu Tailwind hinzugefügt

Browse Source
This commit is contained in:
ISA
2025-04-28 08:55:26 +02:00
parent 45528c09a3
commit db3ccf06c8
4 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
components/main/kabelueberwachung/kue705FO/Kue705FO.tsx
View File

@@ -175,7 +175,8 @@ const Kue705FO: React.FC<Kue705FOProps> = ({
return ( return (
<div <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 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 ? ( {kueOnline === 1 ? (

2
config/webVersion.ts
View File

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

2
pages/kabelueberwachung.tsx
View File

@@ -144,7 +144,7 @@ function Kabelueberwachung() {
</button> </button>
))} ))}
</div> </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) => { {racks[`rack${activeRack}`].map((slot, index) => {
const slotIndex = index + (activeRack - 1) * 8; const slotIndex = index + (activeRack - 1) * 8;
return ( return (

1
tailwind.config.js
View File

@@ -18,6 +18,7 @@ module.exports = {
laptop: "1350px", laptop: "1350px",
"2xl": "1600px", "2xl": "1600px",
"3xl": "1920px", "3xl": "1920px",
qhd: "2560px",
}, },
height: { height: {
laptop: "688px", // Benutzerdefinierte Höhe für Laptop laptop: "688px", // Benutzerdefinierte Höhe für Laptop