feat: responsive Icon-Größe für CogIcon angepasst

- Icon-Größe abhängig von Breakpoints umgesetzt
- Standardmäßig klein auf Laptop
- Ab xl größer, ab 2xl noch größer
- bessere Darstellung auf allen Auflösungen
This commit is contained in:
Ismail Ali
2025-04-15 23:36:24 +02:00
parent 689d95c89d
commit 66d620fa68
3 changed files with 3 additions and 3 deletions

View File

@@ -53,7 +53,7 @@ export default function DigitalInputs({ openInputModal, inputRange }: Props) {
<td className="px-1 py-1">{input.label}</td>
<td className="px-1 py-1">
<CogIcon
className="text-gray-400 text-base cursor-pointer"
className="2xl:w-8 2xl:h-8 xl:w-6 xl:h-6 laptop:w-4 laptop:h-4 cursor-pointer"
onClick={() => openInputModal(input)}
/>
</td>

View File

@@ -6,5 +6,5 @@
2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
*/
const webVersion = "1.6.233";
const webVersion = "1.6.234";
export default webVersion;

View File

@@ -62,7 +62,7 @@ const EinAusgaenge: React.FC = () => {
<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">
<h1 className="text-base font-semibold mb-2">Ein- und Ausgänge</h1>
<div className="grid grid-cols-1 xl:grid-cols-3 gap-4 items-start">
<div className="grid grid-cols-1 xl:grid-cols-3 gap-4 items-start ">
<DigitalInputs
openInputModal={openInputModal}
inputRange={{ start: 0, end: 16 }}