From 0d70ae6307455ae0de09bd8e1711f5602d758623 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Tue, 24 Dec 2024 20:20:38 -0700
Subject: [PATCH] refac: message input styling

---
 src/lib/components/channel/MessageInput.svelte | 6 +++++-
 src/lib/components/chat/MessageInput.svelte    | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/channel/MessageInput.svelte b/src/lib/components/channel/MessageInput.svelte
index e16480908..e9f9852b9 100644
--- a/src/lib/components/channel/MessageInput.svelte
+++ b/src/lib/components/channel/MessageInput.svelte
@@ -325,7 +325,11 @@
 	}}
 />
 <div class="{transparentBackground ? 'bg-transparent' : 'bg-white dark:bg-gray-900'} ">
-	<div class="max-w-6xl px-2.5 mx-auto inset-x-0">
+	<div
+		class="{($settings?.widescreenMode ?? null)
+			? 'max-w-full'
+			: 'max-w-6xl'} px-2.5 mx-auto inset-x-0"
+	>
 		<div class="">
 			{#if recording}
 				<VoiceRecording
diff --git a/src/lib/components/chat/MessageInput.svelte b/src/lib/components/chat/MessageInput.svelte
index 2af90ae91..4a74cc7f9 100644
--- a/src/lib/components/chat/MessageInput.svelte
+++ b/src/lib/components/chat/MessageInput.svelte
@@ -473,7 +473,11 @@
 		</div>
 
 		<div class="{transparentBackground ? 'bg-transparent' : 'bg-white dark:bg-gray-900'} ">
-			<div class="max-w-6xl px-2.5 mx-auto inset-x-0">
+			<div
+				class="{($settings?.widescreenMode ?? null)
+					? 'max-w-full'
+					: 'max-w-6xl'} px-2.5 mx-auto inset-x-0"
+			>
 				<div class="">
 					<input
 						bind:this={filesInputElement}