diff options
| author | Owen Jacobson <owen@grimoire.ca> | 2024-11-02 22:01:03 -0400 |
|---|---|---|
| committer | Owen Jacobson <owen@grimoire.ca> | 2024-11-02 22:02:06 -0400 |
| commit | 25f1b55055ed62100597ee90787ae6a6ccd88a38 (patch) | |
| tree | 58fbcc02e16438bbfbd8bb5ad125a6bcc00c8492 /ui/routes/(app) | |
| parent | 3010dd7000126654092d95c127ef7361c2a4e977 (diff) | |
Stop showing the text input area on the /me page
Diffstat (limited to 'ui/routes/(app)')
| -rw-r--r-- | ui/routes/(app)/+layout.svelte | 14 | ||||
| -rw-r--r-- | ui/routes/(app)/ch/[channel]/+page.svelte | 13 |
2 files changed, 14 insertions, 13 deletions
diff --git a/ui/routes/(app)/+layout.svelte b/ui/routes/(app)/+layout.svelte index f860a6d..5d1023d 100644 --- a/ui/routes/(app)/+layout.svelte +++ b/ui/routes/(app)/+layout.svelte @@ -8,7 +8,6 @@ import ChannelList from '$lib/components/ChannelList.svelte'; import CreateChannelForm from '$lib/components/CreateChannelForm.svelte'; - import MessageInput from '$lib/components/MessageInput.svelte'; let loading = true; let events = null; @@ -71,12 +70,7 @@ </div> </nav> <main> - <div class="active-channel"> - <slot /> - </div> - <div class="create-message max-h-full"> - <MessageInput {channel} /> - </div> + <slot /> </main> </div> {/if} @@ -116,12 +110,6 @@ grid-area: main; height: calc(100vh - var(--app-bar-height) - var(--interface-padding)); } - .active-channel { - height: calc( - 100vh - var(--app-bar-height) - var(--interface-padding) - var(--input-row-height) - ); - overflow: auto; - } .channel-list { height: calc( 100vh - var(--app-bar-height) - var(--interface-padding) - var(--input-row-height) diff --git a/ui/routes/(app)/ch/[channel]/+page.svelte b/ui/routes/(app)/ch/[channel]/+page.svelte index 74ad28b..2c1b40a 100644 --- a/ui/routes/(app)/ch/[channel]/+page.svelte +++ b/ui/routes/(app)/ch/[channel]/+page.svelte @@ -1,6 +1,7 @@ <script> import { page } from '$app/stores'; import ActiveChannel from '$lib/components/ActiveChannel.svelte'; + import MessageInput from '$lib/components/MessageInput.svelte'; $: channel = $page?.params?.channel; </script> @@ -8,3 +9,15 @@ <div class="active-channel"> <ActiveChannel {channel} /> </div> +<div class="create-message max-h-full"> + <MessageInput {channel} /> +</div> + +<style> + .active-channel { + height: calc( + 100vh - var(--app-bar-height) - var(--interface-padding) - var(--input-row-height) + ); + overflow: auto; + } +</style> |