alle Baugrüppenträger in dashboard sichtbar in Laptop Auflösung

This commit is contained in:
ISA
2025-02-20 09:00:33 +01:00
parent b4934a015b
commit b881aef3db
5 changed files with 14 additions and 12 deletions

View File

@@ -1,8 +1,8 @@
"use client"; "use client"; // components/main/uebersicht/Baugruppentraeger.tsx
import React, { useMemo } from "react"; import React, { useMemo } from "react";
import { useSelector } from "react-redux"; import { useSelector } from "react-redux";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
import { RootState } from "../redux/store"; import { RootState } from "../../../redux/store";
import KabelModulStatus from "./modulesStatus/KabelModulStatus"; import KabelModulStatus from "./modulesStatus/KabelModulStatus";
const Baugruppentraeger: React.FC = () => { const Baugruppentraeger: React.FC = () => {

View File

@@ -1,4 +1,4 @@
"use client"; "use client"; //components/main/uebersicht/NetworkInfo.tsx
import React from "react"; import React from "react";
import { useSelector } from "react-redux"; import { useSelector } from "react-redux";
import { RootState } from "../../../redux/store"; import { RootState } from "../../../redux/store";

View File

@@ -13,7 +13,7 @@ const VersionInfo: React.FC = () => {
); // Webversion aus Redux holen ); // Webversion aus Redux holen
return ( return (
<div className="bg-gray-50 p-4 rounded-lg shadow-sm border border-gray-200 w-full"> <div className="bg-gray-50 p-4 rounded-lg shadow-sm border border-gray-200 w-full laptop:p-2">
<h2 className="text-lg font-semibold text-gray-700 mb-2"> <h2 className="text-lg font-semibold text-gray-700 mb-2">
Versionsinformationen Versionsinformationen
</h2> </h2>

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.61"; const webVersion = "1.6.62";
export default webVersion; export default webVersion;

View File

@@ -27,18 +27,20 @@ const Dashboard: React.FC = () => {
</div> </div>
{/* Hauptbereich mit Meldungstabelle und Baugruppenträger */} {/* Hauptbereich mit Meldungstabelle und Baugruppenträger */}
<div className="flex flex-col lg:flex-row gap-0 overflow-hidden flex-grow"> <div className="flex flex-col lg:flex-row gap-4 flex-grow overflow-hidden">
<Last20MessagesTable /> <Last20MessagesTable className="w-full lg:w-2/3" />
<div className="shadow-md rounded-lg w-full sm:w-3/4 md:w-2/3 lg:w-1/2 xl:w-1/3 flex flex-col gap-2"> <div className="shadow-md rounded-lg w-full lg:w-1/3 flex flex-col gap-2">
<VersionInfo /> <VersionInfo className="w-full p-3 text-sm" />
{/* Jetzt holt sich Baugruppentraeger die Werte selbst aus Redux */} {/* Baugruppenträger jetzt mit voller Breite */}
<Baugruppentraeger /> <div className="overflow-auto max-h-[50vh]">
<Baugruppentraeger />
</div>
</div> </div>
</div> </div>
{/* NetworkInfo in einem div ,nimmt den gesamte Breite */}
{/* NetworkInfo in einem div ,nimmt die gesamte Breite */}
<NetworkInfo /> <NetworkInfo />
</div> </div>
); );