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

fix: Spaltenhöhe Titelzeile unterschiedlich in digitale Eingänge/Meldungseingänge , Digitale Ausgänge/Schaltausgänge und Analoge Eingänge/Messwerteingänge

Browse Source
This commit is contained in:
ISA
2025-05-07 14:12:56 +02:00
parent 40953b9feb
commit 300318cae7
4 changed files with 67 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
components/main/analogeEingaenge/AnalogeEingaengeTable.tsx
View File

@@ -33,25 +33,23 @@ export default function AnalogeEingaengeTable({
}; };
return ( return (
<div className="w-full"> <div className="bg-white shadow-md border border-gray-200 p-3 rounded-lg w-full laptop:p-1 xl:p-1">
<h2 className="text-sm laptop:text-xs font-bold mb-3 flex items-center"> <h2 className="laptop:text-sm md:text-base 2xl:text-lg font-bold mb-3 flex items-center">
<Icon <Icon
icon={waveformIcon} icon={waveformIcon}
className="text-littwin-blue mr-2 text-xl laptop:text-lg xl:text-xl 2xl:text-2xl border border-littwin-blue" className="text-littwin-blue mr-2 text-2xl laptop:text-lg xl:text-xl 2xl:text-2xl border-2 border-littwin-blue rounded-md"
/> />
Messwerteingänge Messwerteingänge
</h2> </h2>
<div className="bg-white shadow-lg rounded-lg p-4 border border-gray-200">
<div className="overflow-x-auto"> <div className="overflow-x-auto">
<table className="w-full border-collapse border border-gray-300 text-sm md:text-base"> <table className="w-full text-xs laptop:text-[10px] xl:text-xs 2xl:text-sm border-collapse">
<thead> <thead className="bg-gray-100 border-b">
<tr className="bg-gray-100 text-gray-700"> <tr>
<th className="border p-1 text-left">Eingang</th> <th className="border p-1 text-left">Eingang</th>
<th className="border p-3 text-left">Messwert</th> <th className="border p-1 text-left">Messwert</th>
<th className="border p-3 text-left">Einheit</th> <th className="border p-1 text-left">Einheit</th>
<th className="border p-3 text-left">Bezeichnung</th> <th className="border p-1 text-left">Bezeichnung</th>
<th className="border p-3 text-left">Aktion</th> <th className="border p-1 text-left">Aktion</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@@ -65,7 +63,7 @@ export default function AnalogeEingaengeTable({
}`} }`}
> >
<td <td
className="border p-3" className="border p-2"
onClick={() => handleSelect(e.id!)} onClick={() => handleSelect(e.id!)}
> >
<div className="flex items-center gap-1 "> <div className="flex items-center gap-1 ">
@@ -77,21 +75,21 @@ export default function AnalogeEingaengeTable({
</div> </div>
</td> </td>
<td <td
className="border p-3 text-right" className="border p-2 text-right"
onClick={() => handleSelect(e.id!)} onClick={() => handleSelect(e.id!)}
> >
{typeof e.value === "number" ? e.value.toFixed(2) : "-"} {typeof e.value === "number" ? e.value.toFixed(2) : "-"}
</td> </td>
<td className="border p-3">{e.unit || "-"}</td> <td className="border p-2">{e.unit || "-"}</td>
<td <td
className="border p-3" className="border p-2"
onClick={() => handleSelect(e.id!)} onClick={() => handleSelect(e.id!)}
> >
{e.name || "----"} {e.name || "----"}
</td> </td>
<td className="border p-3 text-center"> <td className="border p-2 text-center">
<button <button
onClick={() => { onClick={() => {
handleSelect(e.id!); handleSelect(e.id!);
@@ -109,6 +107,5 @@ export default function AnalogeEingaengeTable({
</table> </table>
</div> </div>
</div> </div>
</div>
); );
} }

2
components/main/einausgaenge/DigitalInputs.tsx
View File

@@ -22,7 +22,7 @@ export default function DigitalInputs({ openInputModal, inputRange }: Props) {
return ( return (
<div className="bg-white shadow-md border border-gray-200 p-3 rounded-lg w-full laptop:p-1 xl:p-1"> <div className="bg-white shadow-md border border-gray-200 p-3 rounded-lg w-full laptop:p-1 xl:p-1">
<h2 className="text-sm laptop:text-xs font-bold mb-3 flex items-center"> <h2 className="laptop:text-sm md:text-base 2xl:text-lg font-bold mb-3 flex items-center">
<Icon <Icon
icon={inputIcon} icon={inputIcon}
className="text-littwin-blue mr-2 text-xl laptop:text-lg xl:text-xl 2xl:text-2xl" className="text-littwin-blue mr-2 text-xl laptop:text-lg xl:text-xl 2xl:text-2xl"

2
components/main/einausgaenge/DigitalOutputsWidget.tsx
View File

@@ -36,7 +36,7 @@ export default function DigitalOutputsWidget({ openOutputModal }) {
return ( return (
<div className="bg-white shadow-md border border-gray-200 p-3 rounded-lg w-full h-fit max-h-[400px] overflow-auto"> <div className="bg-white shadow-md border border-gray-200 p-3 rounded-lg w-full h-fit max-h-[400px] overflow-auto">
<h2 className="text-sm laptop:text-xs font-bold mb-3 flex items-center"> <h2 className="laptop:text-sm md:text-base 2xl:text-lg font-bold mb-3 flex items-center">
<Icon <Icon
icon={outputIcon} icon={outputIcon}
className="text-littwin-blue mr-2 text-xl laptop:text-lg xl:text-xl 2xl:text-2xl" className="text-littwin-blue mr-2 text-xl laptop:text-lg xl:text-xl 2xl:text-2xl"

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