diff options
| author | ManeraKai <manerakai@protonmail.com> | 2024-07-25 15:17:57 +0300 |
|---|---|---|
| committer | ManeraKai <manerakai@protonmail.com> | 2024-07-25 15:17:57 +0300 |
| commit | c6de68c4c4bda3edcf6cf012bd98adea3baf866b (patch) | |
| tree | 419e5cb8cdfe04fd734c5590e78888fa16e58e51 /src/pages/components/Input.svelte | |
| parent | Made Select Frontend searchable and with icons (diff) | |
| download | libredirect-c6de68c4c4bda3edcf6cf012bd98adea3baf866b.zip | |
Migrating popup to svelte
Diffstat (limited to 'src/pages/components/Input.svelte')
| -rw-r--r-- | src/pages/components/Input.svelte | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/src/pages/components/Input.svelte b/src/pages/components/Input.svelte new file mode 100644 index 00000000..d963233c --- /dev/null +++ b/src/pages/components/Input.svelte @@ -0,0 +1,41 @@ +<script> + export let value +</script> + +<input + {...$$props} + bind:value + on:blur + on:change + on:click + on:contextmenu + on:focus + on:keydown + on:keypress + on:keyup + on:mouseover + on:mouseenter + on:mouseleave + on:paste + on:input +/> + +<style> + input { + font-weight: bold; + box-sizing: border-box; + color: var(--text); + font-size: 16px; + padding: 8px; + background-color: var(--bg-secondary); + border: none; + margin: 0; + width: 400px; + border-radius: 3px; + outline-color: var(--active); + } + + input:focus { + outline-color: var(--active); + } +</style> |