iotmanager/IoTManagerWeb
1
0
Fork 0
mirror of https://github.com/IoTManagerProject/IoTManagerWeb.git synced 2026-03-30 11:59:21 +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: "", type: "",
page: "", page: "",
order: "1", order: "1",
descr: "Temperature1", descr: "Boiler temperature",
topic: "/prefix/00000-00000/temp1", topic: "/prefix/00000-00000/temp1",
}, },
{ {
@@ -53,7 +53,7 @@
type: "", type: "",
page: "", page: "",
order: "1", order: "1",
descr: "Temperature2", descr: "Room temperature",
topic: "/prefix/00000-00000/temp2", topic: "/prefix/00000-00000/temp2",
}, },
{ {
@@ -62,7 +62,7 @@
type: "", type: "",
page: "", page: "",
order: "1", order: "1",
descr: "Temperature3", descr: "Body temperature",
topic: "/prefix/00000-00000/temp3", 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; @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 { .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 { .descr-gray {
@apply block text-gray-500 font-bold md:text-right mb-1 md:mb-0 pr-4; @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 { .head-gray {
@apply text-center text-lg text-gray-500 font-bold pb-6; @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="block-psn-center-when-md">
<div class="md:w-1/3"> <div class="md:w-1/3">
<!-- svelte-ignore a11y-label-has-associated-control --> <!-- svelte-ignore a11y-label-has-associated-control -->
<label class="descr-gray">{title}</label> <label class="descr-gray-left">{title}</label>
</div> </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" /> <input bind:value on:change={WSpush(value)} class="input-indigo" type="text" />
</div> </div>
<div class="md:w-1/3">
<button on:click={WSpush(value)} class="btn-indigo" type="button">Set</button>
</div>
</div> </div>
</div> </div>