From a77df97ea6ac52d1abcdca5ae9548c7a5ac8a539 Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Sat, 12 Oct 2024 09:51:03 +1300
Subject: [PATCH] don't squish or stretch preview images

---
 src/frontend/components/messages/ConversationViewer.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/components/messages/ConversationViewer.vue b/src/frontend/components/messages/ConversationViewer.vue
index 1864ed4..759d462 100644
--- a/src/frontend/components/messages/ConversationViewer.vue
+++ b/src/frontend/components/messages/ConversationViewer.vue
@@ -220,7 +220,7 @@
                         <div class="w-32 h-32 rounded shadow border relative overflow-hidden">
 
                             <!-- image preview -->
-                            <img v-if="newMessageImageUrl" :src="newMessageImageUrl" class="w-full h-full"/>
+                            <img v-if="newMessageImageUrl" :src="newMessageImageUrl" class="w-full h-full object-cover"/>
 
                             <!-- remove button (top right) -->
                             <div class="absolute top-0 right-0 p-1">