refac: styling

src/lib/components/chat/Messages.svelte

@@ -277,7 +277,8 @@
 	// };
 </script>
 
-{#if messages.length == 0}
+<div class="h-full">
+	{#if messages.length == 0}
 		<Placeholder
 			models={selectedModels}
 			modelfiles={selectedModelfiles}
@@ -295,7 +296,7 @@
 				}
 			}}
 		/>
-{:else}
+	{:else}
 		<div class="pt-2 pb-10">
 			{#key chatId}
 				{#each messages as message, messageIdx}
@@ -358,4 +359,5 @@
 				{/if}
 			{/key}
 		</div>
-{/if}
+	{/if}
+</div>

src/lib/components/chat/Messages/Placeholder.svelte

@@ -24,7 +24,7 @@
 </script>
 
 {#if models.length > 0}
-	<div class=" my-auto text-center pb-10 md:pb-32">
+	<div class=" text-center py-24 md:py-36">
 		<div class="m-auto max-w-3xl px-8">
 			<div class="flex justify-start mt-8">
 				<div class="flex -space-x-4 mb-0.5">