From 0f2360a384f9b24bd56c8a933c54e396a36b51f1 Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Tue, 19 Dec 2023 20:08:47 -0800
Subject: [PATCH 1/2] fix: file drag and drop overlay

---
 src/lib/components/chat/MessageInput.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/chat/MessageInput.svelte b/src/lib/components/chat/MessageInput.svelte
index 54291f22..57f48bef 100644
--- a/src/lib/components/chat/MessageInput.svelte
+++ b/src/lib/components/chat/MessageInput.svelte
@@ -132,13 +132,13 @@
 
 {#if dragged}
 	<div
-		class="absolute w-full h-full flex z-50 touch-none pointer-events-none"
+		class="fixed w-full h-full flex z-50 touch-none pointer-events-none"
 		id="dropzone"
 		role="region"
 		aria-label="Drag and Drop Container"
 	>
 		<div class="absolute rounded-xl w-full h-full backdrop-blur bg-gray-800/40 flex justify-center">
-			<div class="m-auto pt-48 flex flex-col justify-center">
+			<div class="m-auto pt-64 flex flex-col justify-center">
 				<div class="max-w-md">
 					<div class="  text-center text-6xl mb-3">🏞️</div>
 					<div class="text-center dark:text-white text-2xl font-semibold z-50">Add Images</div>

From c57c72cc39bbe6498771276162e39f32a33e798f Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Tue, 19 Dec 2023 20:10:58 -0800
Subject: [PATCH 2/2] fix: disable profile image drag

---
 src/lib/components/chat/Messages.svelte | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/chat/Messages.svelte b/src/lib/components/chat/Messages.svelte
index 9a39089d..543ce6a5 100644
--- a/src/lib/components/chat/Messages.svelte
+++ b/src/lib/components/chat/Messages.svelte
@@ -362,9 +362,19 @@
 	<div class="m-auto text-center max-w-md pb-56 px-2">
 		<div class="flex justify-center mt-8">
 			{#if selectedModelfile && selectedModelfile.imageUrl}
-				<img src={selectedModelfile?.imageUrl} class=" w-20 mb-2 rounded-full" />
+				<img
+					src={selectedModelfile?.imageUrl}
+					alt="modelfile"
+					class=" w-20 mb-2 rounded-full"
+					draggable="false"
+				/>
 			{:else}
-				<img src="/ollama.png" class=" w-16 invert-[10%] dark:invert-[100%] rounded-full" />
+				<img
+					src="/ollama.png"
+					class=" w-16 invert-[10%] dark:invert-[100%] rounded-full"
+					alt="ollama"
+					draggable="false"
+				/>
 			{/if}
 		</div>
 		<div class=" mt-2 text-2xl text-gray-800 dark:text-gray-100 font-semibold">
@@ -401,12 +411,14 @@
 									src="{$settings.gravatarUrl ? $settings.gravatarUrl : '/user'}.png"
 									class=" max-w-[28px] object-cover rounded-full"
 									alt="User profile"
+									draggable="false"
 								/>
 							{:else}
 								<img
 									src={$user ? $user.profile_image_url : '/user.png'}
 									class=" max-w-[28px] object-cover rounded-full"
 									alt="User profile"
+									draggable="false"
 								/>
 							{/if}
 						{:else if selectedModelfile}
@@ -414,12 +426,14 @@
 								src={selectedModelfile?.imageUrl ?? '/favicon.png'}
 								class=" max-w-[28px] object-cover rounded-full"
 								alt="Ollama profile"
+								draggable="false"
 							/>
 						{:else}
 							<img
 								src="/favicon.png"
 								class=" max-w-[28px] object-cover rounded-full"
 								alt="Ollama profile"
+								draggable="false"
 							/>
 						{/if}
 					</div>