From c524b333befc8cc97aa49f73b3ed28bc3b82420c Mon Sep 17 00:00:00 2001
From: Kit La Touche <kit@transneptune.net>
Date: Fri, 27 Sep 2024 23:14:58 -0400
Subject: Make message input tolerable as mock-up

It's not robust, and it's not yet able to handle multiline or rich
input. We'll get there.
---
 hi-ui/src/lib/MessageInput.svelte | 8 ++++++++
 1 file changed, 8 insertions(+)

(limited to 'hi-ui/src/lib/MessageInput.svelte')

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>
-- 
cgit v1.2.3

