alle Baugrüppenträger in dashboard sichtbar in Laptop Auflösung
This commit is contained in:
@@ -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 = () => {
|
||||||
|
|||||||
@@ -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";
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user