refac: styling

src/lib/components/chat/Chat.svelte

@@ -1269,9 +1269,6 @@
 					/>
 				</div>
 			</div>
-		</div>
-	</div>
-
 			<MessageInput
 				bind:files
 				bind:prompt
@@ -1283,4 +1280,6 @@
 				{submitPrompt}
 				{stopResponse}
 			/>
+		</div>
+	</div>
 {/if}

src/lib/components/chat/MessageInput.svelte

@@ -440,8 +440,7 @@
 	</div>
 {/if}
 
-<div class="fixed bottom-0 {$showSidebar ? 'left-0 md:left-[260px]' : 'left-0'} right-0">
-	<div class="w-full">
+<div class="w-full">
 	<div class=" -mb-0.5 mx-auto inset-x-0 bg-transparent flex justify-center">
 		<div class="flex flex-col max-w-6xl px-2.5 md:px-6 w-full">
 			<div class="relative">
@@ -560,9 +559,7 @@
 						if (inputFiles && inputFiles.length > 0) {
 							const _inputFiles = Array.from(inputFiles);
 							_inputFiles.forEach((file) => {
-									if (
-										['image/gif', 'image/webp', 'image/jpeg', 'image/png'].includes(file['type'])
-									) {
+								if (['image/gif', 'image/webp', 'image/jpeg', 'image/png'].includes(file['type'])) {
 									if (visionCapableModels.length === 0) {
 										toast.error($i18n.t('Selected model(s) do not support image inputs'));
 										inputFiles = null;
@@ -618,11 +615,7 @@
 								<div class=" relative group">
 									{#if file.type === 'image'}
 										<div class="relative">
-												<img
-													src={file.url}
-													alt="input"
-													class=" h-16 w-16 rounded-xl object-cover"
-												/>
+											<img src={file.url} alt="input" class=" h-16 w-16 rounded-xl object-cover" />
 											{#if atSelectedModel ? visionCapableModels.length === 0 : selectedModels.length !== visionCapableModels.length}
 												<Tooltip
 													className=" absolute top-1 left-1"
@@ -1106,7 +1099,6 @@
 			</div>
 		</div>
 	</div>
-	</div>
 </div>
 
 <style>

src/lib/components/chat/Messages.svelte

@@ -242,7 +242,7 @@
 	};
 </script>
 
-<div class="h-full flex mb-16">
+<div class="h-full flex mb-6">
 	{#if messages.length == 0}
 		<Placeholder
 			modelIds={selectedModels}
@@ -285,7 +285,7 @@
 		<div class="w-full pt-2">
 			{#key chatId}
 				{#each messages as message, messageIdx}
-					<div class=" w-full {messageIdx === messages.length - 1 ? 'pb-28' : ''}">
+					<div class=" w-full {messageIdx === messages.length - 1 ? ' pb-12' : ''}">
 						<div
 							class="flex flex-col justify-between px-5 mb-3 {$settings?.fullScreenMode ?? null
 								? 'max-w-full'