refac

src/lib/components/chat/Messages.svelte

@@ -17,7 +17,7 @@
 
 	const i18n = getContext('i18n');
 
-	export let className = 'h-full flex pt-12';
+	export let className = 'h-full flex pt-18';
 
 	export let chatId = '';
 	export let user = $_user;

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

@@ -49,7 +49,7 @@
 	role="listitem"
 	class="flex flex-col justify-between px-5 mb-3 w-full {($settings?.widescreenMode ?? null)
 		? 'max-w-full'
-		: 'max-w-5xl'} mx-auto rounded-lg group message-listitem"
+		: 'max-w-[52rem]'} mx-auto rounded-lg group message-listitem"
 >
 	{#if history.messages[messageId]}
 		{#if history.messages[messageId].role === 'user'}

src/routes/s/[id]/+page.svelte

@@ -163,7 +163,7 @@
 				<div
 					class="pt-5 px-2 w-full {($settings?.widescreenMode ?? null)
 						? 'max-w-full'
-						: 'max-w-5xl'} mx-auto"
+						: 'max-w-[52rem]'} mx-auto"
 				>
 					<div class="px-3">
 						<h1 class=" text-2xl font-medium line-clamp-1 m-0">