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">{input.label}</td>
<td className="px-1 py-1"> <td className="px-1 py-1">
<CogIcon <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)} onClick={() => openInputModal(input)}
/> />
</td> </td>

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.233"; const webVersion = "1.6.234";
export default webVersion; 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"> <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> <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 <DigitalInputs
openInputModal={openInputModal} openInputModal={openInputModal}
inputRange={{ start: 0, end: 16 }} inputRange={{ start: 0, end: 16 }}