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

Analoge Eingänge Seite und Kinder Komponenten auf Laptop responsive

Browse Source
This commit is contained in:
ISA
2025-02-07 12:07:11 +01:00
parent 898af2bcf1
commit 360835a686
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/modules/AnalogeEingaengeComponent.tsx
View File

@@ -7,7 +7,7 @@ const AnalogeEingaengeComponent = () => {
const [activeConfig, setActiveConfig] = useState<number | null>(null);
return (
<div className="border rounded-lg shadow-md p-6 bg-white flex flex-col h-full">
<div className="border rounded-lg shadow-md laptop:p-4 p-6 bg-white flex flex-col h-full">
<h3 className="text-sm font-semibold mb-1">Analoge Eingänge</h3>
<div className="overflow-auto flex-grow">
<table className="table-auto w-full h-full text-sm text-left border-collapse">
@@ -25,9 +25,9 @@ const AnalogeEingaengeComponent = () => {
</th>
</tr>
</thead>
<tbody>
<tbody className="text-xs text-gray-600">
{analogInputs.map((input) => (
<tr key={input.id} className="border-t">
<tr key={input.id} className="border-t ">
<td className="px-2 py-1">{input.id}</td>
<td className="px-2 py-1">{input.value}</td>
<td className="px-2 py-1">{input.name}</td>

2
components/modules/XioPM.tsx
View File

@@ -20,7 +20,7 @@ interface XioPmProps {
}
const XioPM: React.FC<XioPmProps> = ({ title, data, onConfigClick }) => (
<div className="border rounded-lg shadow-md p-6 bg-white">
<div className="border rounded-lg shadow-md p-6 laptop:p-2 laptop:scale-y-90 bg-white">
<h3 className="text-sm font-semibold mb-1">{title}</h3>
<table className="w-full h-full text-xs text-left">
<thead className="bg-gray-100 text-gray-700">