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

NetzwerkInfo in dashboard strecken durch flex-grow

Browse Source
This commit is contained in:
ISA
2025-02-20 08:46:37 +01:00
parent ef53a5f173
commit b4934a015b
3 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/main/uebersicht/NetworkInfo.tsx
View File

@@ -19,8 +19,8 @@ const NetworkInfo: React.FC = () => {
"Unbekannt"; "Unbekannt";
return ( return (
<div className="flex items-center space-x-4"> <div className="w-full flex-grow flex">
<div className="flex-shrink-0 flex justify-between items-center mt-1 bg-white p-2 rounded-lg shadow-md border border-gray-200 laptop:m-0 laptop:scale-y-75"> <div className=" flex-grow flex justify-between items-center mt-1 bg-white p-2 rounded-lg shadow-md border border-gray-200 laptop:m-0 laptop:scale-y-75">
<div className="flex items-center space-x-4"> <div className="flex items-center space-x-4">
<img src="/images/IP-icon.svg" alt="IP Address" className="w-6" /> <img src="/images/IP-icon.svg" alt="IP Address" className="w-6" />
<div> <div>

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

7
pages/dashboard.tsx
View File

@@ -1,4 +1,4 @@
"use client"; "use client"; //pages/dashboard.tsx
import React, { useEffect } from "react"; import React, { useEffect } from "react";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
import "tailwindcss/tailwind.css"; import "tailwindcss/tailwind.css";
@@ -31,14 +31,13 @@ const Dashboard: React.FC = () => {
<Last20MessagesTable /> <Last20MessagesTable />
<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 sm:w-3/4 md:w-2/3 lg:w-1/2 xl:w-1/3 flex flex-col gap-2">
<div className="bg-gray-50 p-4 rounded-lg shadow-sm border border-gray-200 w-full"> <VersionInfo />
<VersionInfo />
</div>
{/* Jetzt holt sich Baugruppentraeger die Werte selbst aus Redux */} {/* Jetzt holt sich Baugruppentraeger die Werte selbst aus Redux */}
<Baugruppentraeger /> <Baugruppentraeger />
</div> </div>
</div> </div>
{/* NetworkInfo in einem div ,nimmt den gesamte Breite */}
<NetworkInfo /> <NetworkInfo />
</div> </div>