iotmanager/IoTManagerWeb
1
0
Fork 0
mirror of https://github.com/IoTManagerProject/IoTManagerWeb.git synced 2026-03-26 15:02:21 +03:00
Code Issues Packages Projects Releases Wiki Activity

toggle

Browse Source
This commit is contained in:
Dmitry Borisenko
2021-10-19 22:26:09 +08:00
parent b1e5594ce7
commit 8a78245a6a
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/App.svelte
View File

@@ -87,7 +87,7 @@
page: "Toggles",
order: "3",
descr: "Light in my room",
topic: "/prefix/00000-00003/btn",
topic: "/prefix/00000-00003/btn1",
ws: 1,
},
{
@@ -96,7 +96,7 @@
page: "Toggles",
order: "3",
descr: "Light in my room",
topic: "/prefix/00000-00003/btn",
topic: "/prefix/00000-00003/btn2",
ws: 1,
},
{
@@ -105,7 +105,7 @@
page: "Toggles",
order: "3",
descr: "Light in my room",
topic: "/prefix/00000-00003/btn",
topic: "/prefix/00000-00003/btn3",
ws: 1,
},
];

4
src/widgets/Toggle.svelte
View File

@@ -13,9 +13,9 @@
</div>
<div class="w-1/3">
<div class="flex items-center justify-center w-full">
<label for="toggleB" class="items-center cursor-pointer">
<label for={widget.topic} class="items-center cursor-pointer">
<div class="relative">
<input id="toggleB" type="checkbox" class="sr-only" />
<input id={widget.topic} type="checkbox" class="sr-only" />
<div class="block bg-gray-600 w-14 h-8 rounded-full" />
<div class="dot absolute left-1 top-1 bg-white w-6 h-6 rounded-full transition" />
</div>