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

last version

Browse Source
This commit is contained in:
Dmitry Borisenko
2021-09-12 19:56:49 +00:00
parent 8a41295d6f
commit d988a5a4df
2 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/App.svelte
View File

@@ -44,7 +44,7 @@
type: "",
page: "",
order: "1",
descr: "Temperature1",
descr: "Boiler temperature",
topic: "/prefix/00000-00000/temp1",
},
{
@@ -53,7 +53,7 @@
type: "",
page: "",
order: "1",
descr: "Temperature2",
descr: "Room temperature",
topic: "/prefix/00000-00000/temp2",
},
{
@@ -62,7 +62,7 @@
type: "",
page: "",
order: "1",
descr: "Temperature3",
descr: "Body temperature",
topic: "/prefix/00000-00000/temp3",
},
];
@@ -211,11 +211,14 @@
@apply py-2 px-4 bg-indigo-500 text-white font-semibold rounded-lg shadow-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-400 focus:ring-opacity-75;
}
.input-indigo {
@apply bg-gray-200 appearance-none border-2 border-gray-200 rounded w-full py-2 px-4 text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-indigo-500;
@apply py-2 px-4 bg-gray-200 appearance-none border-2 border-gray-200 rounded w-full text-gray-700 leading-tight focus:outline-none focus:bg-white focus:border-indigo-500;
}
.descr-gray {
@apply block text-gray-500 font-bold md:text-right mb-1 md:mb-0 pr-4;
}
.descr-gray-left {
@apply block text-gray-500 font-bold md:text-left mb-1 md:mb-0 pr-4;
}
.head-gray {
@apply text-center text-lg text-gray-500 font-bold pb-6;
}

7
src/Myinput.svelte
View File

@@ -11,10 +11,13 @@
<div class="block-psn-center-when-md">
<div class="md:w-1/3">
<!-- svelte-ignore a11y-label-has-associated-control -->
<label class="descr-gray">{title}</label>
<label class="descr-gray-left">{title}</label>
</div>
<div class="md:w-2/3">
<div class="md:w-1/3">
<input bind:value on:change={WSpush(value)} class="input-indigo" type="text" />
</div>
<div class="md:w-1/3">
<button on:click={WSpush(value)} class="btn-indigo" type="button">Set</button>
</div>
</div>
</div>