Merge pull request #13 from holdex/master

fix: view chats without being blocked by the input box
nostrocket · May 22, 2024 · 3c19a3b · 3c19a3b
2 parents 2605ac3 + 50c80f5
commit 3c19a3b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/lib/components/ChatLayout.svelte b/src/lib/components/ChatLayout.svelte
@@ -72,16 +72,16 @@
 	</div>
 
 	<div class="flex-1">
-		<div class="flex-col h-full">
+		<div class="flex flex-col h-full">
 			<!-- CONTENT-->
 			<div
 				class="h-full relative z-10 bg-white dark:bg-slate-900 overflow-x-hidden overflow-y-scroll no-scrollbar"
 			>
 				<slot />
 			</div>
 			<!-- MESSAGE BOX-->
-			<div class="relative w-full">
-				<div class="z-20 flex absolute inset-x-0 bottom-0 h-36"><slot name="input" /></div>
+			<div class="relative w-full h-fit">
+				<div class="z-20 flex"><slot name="input" /></div>
 			</div>
 		</div>
 	</div>

diff --git a/src/lib/components/MessageInput.svelte b/src/lib/components/MessageInput.svelte
@@ -4,7 +4,7 @@
 
 export let selected = true
 </script>
-<div class="flex items-center h-16 focus-within:h-full w-full px-3 py-2 bg-zinc-300 dark:bg-cyan-900 ">
+<div class="flex items-center h-16 focus-within:h-36 w-full px-3 py-2 bg-zinc-300 dark:bg-cyan-900 ">
 	<div class="">
 		<button
 			type="button"