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

style: DigitalOutputsModal für dark mode

Browse Source
This commit is contained in:
ISA
2025-09-10 11:49:58 +02:00
parent f25063074d
commit be9954ac29
7 changed files with 43 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/main/digitalOutputs/DigitalOutputsWidget.tsx
View File

@@ -113,10 +113,14 @@ export default function DigitalOutputsWidget({
role="switch"
aria-checked={output.status}
onClick={() => handleToggle(output.id)}
className={`relative inline-flex h-4 w-7 items-center rounded-full border border-base transition-colors duration-200 ${output.status ? "bg-littwin-blue" : "bg-base-muted"}`}
className={`relative inline-flex h-4 w-7 items-center rounded-full border border-base transition-colors duration-200 ${
output.status ? "bg-littwin-blue" : "bg-base-muted"
}`}
>
<span
className={`absolute left-0.5 top-1/2 -translate-y-1/2 h-3 w-3 rounded-full bg-white shadow transition-transform duration-200 ${output.status ? "translate-x-3.5" : "translate-x-0"}`}
className={`absolute left-0.5 top-1/2 -translate-y-1/2 h-3 w-3 rounded-full bg-white shadow transition-transform duration-200 ${
output.status ? "translate-x-3.5" : "translate-x-0"
}`}
/>
</button>
</td>