From 6aa712e51525d7947e8c962f75a018eac32cb4a2 Mon Sep 17 00:00:00 2001
From: Joe Knapper <jaknapper@hotmail.com>
Date: Fri, 9 Feb 2024 16:08:21 +0000
Subject: [PATCH] Rescaling stitch preview to avoid scrolling in y

---
 webapp/src/App.vue                                         | 7 +++++++
 .../components/tabContentComponents/slideScanContent.vue   | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/webapp/src/App.vue b/webapp/src/App.vue
index 2dfbe3d0..7fd01adb 100644
--- a/webapp/src/App.vue
+++ b/webapp/src/App.vue
@@ -429,6 +429,13 @@ html {
   padding: 0;
 }
 
+.image-fit{
+  height: 80%;
+  width: 100%;
+  object-fit: contain;
+  overflow-y: clip;
+}
+
 .section-content {
   padding: 0;
   height: 100%;
diff --git a/webapp/src/components/tabContentComponents/slideScanContent.vue b/webapp/src/components/tabContentComponents/slideScanContent.vue
index 746370f9..b0407d8e 100644
--- a/webapp/src/components/tabContentComponents/slideScanContent.vue
+++ b/webapp/src/components/tabContentComponents/slideScanContent.vue
@@ -108,8 +108,8 @@
         Scan ID: {{ scan_name }}
       </h3>
     </div>
-    <div class="view-component uk-width-expand">
-      <img v-if="displayImageOnRight" :src="lastStitchedImage" id="last-stitched-image"/>
+    <div class="view-image uk-width-expand uk-height-1-1">
+      <img v-if="displayImageOnRight" class=image-fit :src="lastStitchedImage" id="last-stitched-image">
       <streamDisplay v-else />
     </div>
   </div>