From 05f4de184c88ec2b6c5d0b48d1b7813f112d44f8 Mon Sep 17 00:00:00 2001
From: Angelica Willianto <angelicawillianto@gmail.com>
Date: Wed, 22 May 2024 14:16:37 +0800
Subject: [PATCH 1/2] fix: view chats without being blocked by the input box

---
 src/lib/components/ChatLayout.svelte   | 10 ++++++----
 src/lib/components/MessageInput.svelte |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/ChatLayout.svelte b/src/lib/components/ChatLayout.svelte
index 258de10..f1e8b38 100644
--- a/src/lib/components/ChatLayout.svelte
+++ b/src/lib/components/ChatLayout.svelte
@@ -22,7 +22,9 @@
 	<!-- Icon Sidebar -->
 	<div class="w-12 flex-shrink-0 block bg-orange-500 dark:bg-cyan-950">
 		<div class="flex flex-col bg-layer-2 relative h-full">
-			<div class="flex flex-1 flex-col overflow-x-hidden overflow-y-scroll no-scrollbar sm:overflow-hidden place-items-center">
+			<div
+				class="flex flex-1 flex-col overflow-x-hidden overflow-y-scroll no-scrollbar sm:overflow-hidden place-items-center"
+			>
 				<slot name="buttons" />
 				{#if !hideFaucet}
 					<Button
@@ -72,7 +74,7 @@
 	</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"
@@ -80,8 +82,8 @@
 				<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
index 5cd9441..4b6d228 100644
--- 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"

From e5b13f17e0c15e6bd69480e94962c73af34c956d Mon Sep 17 00:00:00 2001
From: Angelica Willianto <angelicawillianto@gmail.com>
Date: Wed, 22 May 2024 14:18:18 +0800
Subject: [PATCH 2/2] chore: revert formatting change

---
 src/lib/components/ChatLayout.svelte | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/lib/components/ChatLayout.svelte b/src/lib/components/ChatLayout.svelte
index f1e8b38..e6792ee 100644
--- a/src/lib/components/ChatLayout.svelte
+++ b/src/lib/components/ChatLayout.svelte
@@ -22,9 +22,7 @@
 	<!-- Icon Sidebar -->
 	<div class="w-12 flex-shrink-0 block bg-orange-500 dark:bg-cyan-950">
 		<div class="flex flex-col bg-layer-2 relative h-full">
-			<div
-				class="flex flex-1 flex-col overflow-x-hidden overflow-y-scroll no-scrollbar sm:overflow-hidden place-items-center"
-			>
+			<div class="flex flex-1 flex-col overflow-x-hidden overflow-y-scroll no-scrollbar sm:overflow-hidden place-items-center">
 				<slot name="buttons" />
 				{#if !hideFaucet}
 					<Button