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 { useSelector } from "react-redux";
import { useRouter } from "next/navigation";
import { RootState } from "../redux/store";
import { RootState } from "../../../redux/store";
import KabelModulStatus from "./modulesStatus/KabelModulStatus";
const Baugruppentraeger: React.FC = () => {

View File

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

View File

@@ -13,7 +13,7 @@ const VersionInfo: React.FC = () => {
); // Webversion aus Redux holen
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">
Versionsinformationen
</h2>

View File

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

View File

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