diff options
| author | ojacobson <ojacobson@noreply.codeberg.org> | 2025-07-09 23:35:40 +0200 |
|---|---|---|
| committer | ojacobson <ojacobson@noreply.codeberg.org> | 2025-07-09 23:35:40 +0200 |
| commit | 223b39a57ef6ca6b8288f5a8645183c41301f411 (patch) | |
| tree | b748e16e4741f20e04d26f71631bd633cf09f1d3 /ui/routes/(app) | |
| parent | 948ecc916050a68c2e2ae7f0ddbc56a90db4785f (diff) | |
| parent | 1b6028c71c6a16905dd7bf0dadbbc89a2a9475ad (diff) | |
Remove container divs for `MessageInput` and `CreateConversationForm`.
The styles for the `MessageInput` and `CreateConversationForm` components assumed that a container div would be present, and the components did not render as intended without that div. Therefore: the divs were "part of" the component in most of the ways that matter, not part of the context in which the component is used.
It turns out that those divs aren't necessary or interesting anyways - they were targets for layout, but the same layout can be achieved without them. This change removes the divs entirely.
Merges component-div-nesting into main.
Diffstat (limited to 'ui/routes/(app)')
| -rw-r--r-- | ui/routes/(app)/+layout.svelte | 4 | ||||
| -rw-r--r-- | ui/routes/(app)/c/[conversation]/+page.svelte | 4 |
2 files changed, 2 insertions, 6 deletions
diff --git a/ui/routes/(app)/+layout.svelte b/ui/routes/(app)/+layout.svelte index 658d966..1210b43 100644 --- a/ui/routes/(app)/+layout.svelte +++ b/ui/routes/(app)/+layout.svelte @@ -121,9 +121,7 @@ <div id="interface"> <nav id="sidebar" data-expanded={pageContext.showMenu}> <ConversationList active={conversationId} {conversations} /> - <div class="create-conversation"> - <CreateConversationForm {createConversation} /> - </div> + <CreateConversationForm {createConversation} /> </nav> <main> {@render children?.()} diff --git a/ui/routes/(app)/c/[conversation]/+page.svelte b/ui/routes/(app)/c/[conversation]/+page.svelte index e6cd845..24baa47 100644 --- a/ui/routes/(app)/c/[conversation]/+page.svelte +++ b/ui/routes/(app)/c/[conversation]/+page.svelte @@ -116,6 +116,4 @@ </MessageRun> {/each} </div> -<div class="create-message"> - <MessageInput {sendMessage} /> -</div> +<MessageInput {sendMessage} /> |