From ee7dd94c2b27e38fa4cf22513a4ed6fbbc648a5f Mon Sep 17 00:00:00 2001
From: Chukwuma Nwaugha <nwaughac@gmail.com>
Date: Fri, 29 Nov 2024 11:05:05 +0000
Subject: [PATCH] allow chatbox container to fill its parent's width

---
 app/src/lib/components/ChatBoxContainer.svelte | 6 +-----
 app/src/lib/components/RenderExamples.svelte   | 2 +-
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/app/src/lib/components/ChatBoxContainer.svelte b/app/src/lib/components/ChatBoxContainer.svelte
index b3d0865..f3d5e05 100644
--- a/app/src/lib/components/ChatBoxContainer.svelte
+++ b/app/src/lib/components/ChatBoxContainer.svelte
@@ -8,16 +8,12 @@
 	export let disabled = false;
 </script>
 
-<div
-	class="fixed bg-background bottom-0 block w-full max-w-full max-sm:px-2 py-4 sm:max-w-xl lg:max-w-3xl"
->
+<div class="bg-background block w-full max-sm:px-2 py-4">
 	<div class="block w-full items-center">
 		<ChatBox {showIcon} disabled={loading || disabled} bind:searchTerm on:keypress>
 			<svelte:fragment slot="icon-right" let:disabled>
 				<ChatBoxIcon iconType="send" {loading} {disabled} {searchTerm} on:click />
 			</svelte:fragment>
 		</ChatBox>
-
-		<div class="h-6"></div>
 	</div>
 </div>
diff --git a/app/src/lib/components/RenderExamples.svelte b/app/src/lib/components/RenderExamples.svelte
index 6a3e3ea..03cb659 100644
--- a/app/src/lib/components/RenderExamples.svelte
+++ b/app/src/lib/components/RenderExamples.svelte
@@ -25,7 +25,7 @@
 
 <div class="w-full h-full block mt-16">
 	<div class="w-full mx-auto md:w-4/5 mb-6 text-center">
-		<h3 class="text-2xl sm:text-3xl font-semibold">Start with one of the following</h3>
+		<h3 class="text-2xl sm:text-3xl font-semibold">Start with one</h3>
 	</div>
 	<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 pb-4">
 		{#each contentExamplesDict as [category, content]}