diff options
Diffstat (limited to 'ui/lib')
| -rw-r--r-- | ui/lib/components/CreateConversationForm.svelte | 10 | ||||
| -rw-r--r-- | ui/lib/components/MessageInput.svelte | 36 |
2 files changed, 25 insertions, 21 deletions
diff --git a/ui/lib/components/CreateConversationForm.svelte b/ui/lib/components/CreateConversationForm.svelte index e390a78..d6056d3 100644 --- a/ui/lib/components/CreateConversationForm.svelte +++ b/ui/lib/components/CreateConversationForm.svelte @@ -16,7 +16,9 @@ } </script> -<form {onsubmit}> - <input type="text" placeholder="start a conversation" bind:value={name} {disabled} /> - <button type="submit">➕</button> -</form> +<div class="create-conversation"> + <form {onsubmit}> + <input type="text" placeholder="start a conversation" bind:value={name} {disabled} /> + <button type="submit">➕</button> + </form> +</div> diff --git a/ui/lib/components/MessageInput.svelte b/ui/lib/components/MessageInput.svelte index 77c39be..7df4ab2 100644 --- a/ui/lib/components/MessageInput.svelte +++ b/ui/lib/components/MessageInput.svelte @@ -45,20 +45,22 @@ } </script> -<form {onsubmit}> - <textarea bind:value hidden {disabled}></textarea> - <div - role="textbox" - tabindex="0" - contenteditable="plaintext-only" - class={{ - textarea: true, - disabled, - }} - bind:innerText={value} - {onkeydown} - {onpaste} - data-placeholder="Say something..." - ></div> - <button type="submit">»</button> -</form> +<div class="create-message"> + <form {onsubmit}> + <textarea bind:value hidden {disabled}></textarea> + <div + role="textbox" + tabindex="0" + contenteditable="plaintext-only" + class={{ + textarea: true, + disabled, + }} + bind:innerText={value} + {onkeydown} + {onpaste} + data-placeholder="Say something..." + ></div> + <button type="submit">»</button> + </form> +</div> |