From 25f1b55055ed62100597ee90787ae6a6ccd88a38 Mon Sep 17 00:00:00 2001
From: Owen Jacobson <owen@grimoire.ca>
Date: Sat, 2 Nov 2024 22:01:03 -0400
Subject: Stop showing the text input area on the /me page

---
 ui/routes/(app)/+layout.svelte            | 14 +-------------
 ui/routes/(app)/ch/[channel]/+page.svelte | 13 +++++++++++++
 2 files changed, 14 insertions(+), 13 deletions(-)

(limited to 'ui/routes/(app)')

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