refac: styling

src/lib/components/chat/MessageInput/Suggestions.svelte

@@ -15,7 +15,7 @@
 		{#each prompts as prompt, promptIdx}
 			<div class="shrink-0">
 				<button
-					class="flex flex-1 shrink-0 w-64 justify-between h-full px-5 py-3 bg-gray-50 hover:bg-gray-100 dark:bg-gray-850 dark:hover:bg-gray-800 rounded-3xl transition group"
+					class="flex flex-1 shrink-0 w-64 justify-between h-full px-5 py-3 bg-gray-50 hover:bg-gray-100 dark:bg-gray-850 dark:hover:bg-gray-800 rounded-2xl transition group"
 					on:click={() => {
 						submitPrompt(prompt.content);
 					}}

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-24">
+	<div class=" my-auto text-center pb-10 md:pb-32">
 		<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">
@@ -76,7 +76,7 @@
 					{:else}
 						<div class=" line-clamp-1">{$i18n.t('Hello, {{name}}', { name: $user.name })}</div>
 
-						<div class=" font-medium text-gray-400 dark:">
+						<div class=" font-medium text-gray-400 dark:text-gray-500">
 							{$i18n.t('How can I help you today?')}
 						</div>
 					{/if}