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

Dashbord Tabelle responsive mit flex-grow

Browse Source
This commit is contained in:
ISA
2025-02-07 11:23:17 +01:00
parent 48b1d2f408
commit 898af2bcf1
8 changed files with 217 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
pages/dashboard.tsx
View File

@@ -8,7 +8,7 @@ import CPLStatus from "../components/modulesStatus/CPLStatus";
import KabelModulStatus from "../components/modulesStatus/KabelModulStatus";
import { Icon } from "@iconify/react";
import { useSelector } from "react-redux";
import { RootState } from "../store/store";
import { RootState } from "../redux/store/store";
function Dashboard() {
const router = useRouter();
@@ -115,7 +115,7 @@ function Dashboard() {
};
return (
<div className="flex flex-col gap-3 p-4 h-[calc(100vh-13vh-8vh)] laptop:h-[calc(100vh-10vh-5vh)] xl:h-[calc(100vh-10vh-6vh)] laptop:gap-0">
<div className="flex flex-col gap-3 p-4 h-[calc(100vh-13vh-8vh)] laptop:h-[calc(100vh-10vh-5vh)] xl:h-[calc(100vh-10vh-6vh)] laptop:gap-0 ">
<div className="flex justify-between items-center w-full lg:w-2/3">
<div className="flex justify-between gap-1 ">
<Icon
@@ -128,7 +128,7 @@ function Dashboard() {
</div>
</div>
<div className="flex flex-col lg:flex-row gap-0 overflow-hidden ">
<div className="flex flex-col lg:flex-row gap-0 overflow-hidden flex-grow">
<div className="bg-white shadow-md rounded-lg w-full lg:w-2/3 overflow-auto flex ">
<table className="min-w-full border border-gray-200 text-left table-fixed ">
<thead className="bg-gray-100 border-b border-gray-300">