diff options
| -rw-r--r-- | hi-ui/src/lib/MessageInput.svelte | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/hi-ui/src/lib/MessageInput.svelte b/hi-ui/src/lib/MessageInput.svelte index 7896da6..4bb4aab 100644 --- a/hi-ui/src/lib/MessageInput.svelte +++ b/hi-ui/src/lib/MessageInput.svelte @@ -1,12 +1,20 @@ <script> + let input; + let disabled = false; + function handleSubmit(event) { console.log(event); } </script> <form on:submit={handleSubmit}> + <input type="text" class="border rounded px-3" bind:value={input} disabled={disabled}> <button type="submit">➤</button> </form> <style> + input[type="text"] { + /* TODO: percentage won't handle zoom in/out well. */ + width: 96%; + } </style> |