Draw the direct message compose buttons as one joined group

This commit is contained in:
Coracle-Bot 2026-09-29 16:11:34 +00:00
parent ff52f711da
commit 64767dc5a5

View file

@ -61,9 +61,7 @@
? {url, kind: MESSAGE, pubkey: $app.user?.pubkey, tags: h ? [["h", h]] : []} ? {url, kind: MESSAGE, pubkey: $app.user?.pubkey, tags: h ? [["h", h]] : []}
: undefined : undefined
const buttonClass = url const buttonClass = "join-item h-10 w-10 min-w-10 button button-neutral"
? "join-item h-10 w-10 min-w-10 button button-neutral"
: "button button-neutral button-square tip tip-right h-10 w-10 min-w-10 rounded-2xl transition-colors"
const editorClass = $derived( const editorClass = $derived(
cx("chat-editor grow overflow-hidden", { cx("chat-editor grow overflow-hidden", {
@ -193,7 +191,7 @@
<CommandArgBar target={commandTarget} content={$text} insert={insertCommandToken} /> <CommandArgBar target={commandTarget} content={$text} insert={insertCommandToken} />
{/if} {/if}
<form class="relative flex gap-2 py-2" onsubmit={preventDefault(submit)}> <form class="relative flex gap-2 py-2" onsubmit={preventDefault(submit)}>
<div class={cx({join: url, "flex gap-2": !url})}> <div class="join">
<Button <Button
data-tip="Add an image" data-tip="Add an image"
class={buttonClass} class={buttonClass}