diff options
| author | Jakob Stendahl <14180120+JakobST1n@users.noreply.github.com> | 2021-10-11 20:02:04 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-10-11 20:02:04 +0200 |
| commit | c67531161e56488166a33232f87566309ba8676e (patch) | |
| tree | 846e59a020e80bea48557d5a06af5728e44961ff /src_frontend/Components/LEDConfig/Segment.svelte | |
| parent | e6880cd8ccf82d993f222cb14b4860581654acb8 (diff) | |
| parent | c1b6eec770b885a9829e1f62bad5cc99389ca429 (diff) | |
| download | Luxcena-Neo-c67531161e56488166a33232f87566309ba8676e.tar.gz Luxcena-Neo-c67531161e56488166a33232f87566309ba8676e.zip | |
Merge pull request #24 from JakobST1n/rebuild
v1.0.0
Diffstat (limited to 'src_frontend/Components/LEDConfig/Segment.svelte')
| -rw-r--r-- | src_frontend/Components/LEDConfig/Segment.svelte | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/src_frontend/Components/LEDConfig/Segment.svelte b/src_frontend/Components/LEDConfig/Segment.svelte new file mode 100644 index 0000000..3b71451 --- /dev/null +++ b/src_frontend/Components/LEDConfig/Segment.svelte @@ -0,0 +1,38 @@ +<script> + import { fade } from 'svelte/transition'; + export let id; + export let ledCount; +</script> + +<style> + div { + display: flex; + flex-direction: column; + } + input { + display: inline-block; + padding: 10px 10px 10px 10px; + width: 38px; + text-align: right; + background-color: var(--grey-300); + border: none; + border-radius: 5px 5px 0 0; + margin: 0; + } + input:focus { + outline: none; + background-color: var(--grey-400); + } + span { + background-color: var(--grey-500); + font-size: 12px; + padding: 2px; + border-radius: 0 0 5px 5px; + text-align: center; + } +</style> + +<div transition:fade|local> + <input on:change on:blur type="number" data-id={id} step=1 bind:value={ledCount} /> + <span>{id}</span> +</div>
\ No newline at end of file |