From ee3d4acb58b1c47f72b99196d08c3d476269cbe4 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Sun, 12 May 2024 12:39:16 -0600
Subject: [PATCH] fix cropping problem where long images go off the screen

---
 src/components/PhotoDialog.vue | 8 +++++---
 src/views/SharedPhotoView.vue  | 6 ------
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/components/PhotoDialog.vue b/src/components/PhotoDialog.vue
index 93e83089e..f828fad45 100644
--- a/src/components/PhotoDialog.vue
+++ b/src/components/PhotoDialog.vue
@@ -29,8 +29,7 @@
         <div v-if="crop">
           <VuePictureCropper
             :boxStyle="{
-              width: '100%',
-              height: '100%',
+              height: window80(),
               backgroundColor: '#f8f8f8',
               margin: 'auto',
             }"
@@ -278,7 +277,6 @@ export default class PhotoDialog extends Vue {
   }
 
   private createBlobURL(blob: Blob): string {
-    console.log("blob", blob);
     return URL.createObjectURL(blob);
   }
 
@@ -397,6 +395,10 @@ export default class PhotoDialog extends Vue {
       );
     }
   }
+
+  window80() {
+    return window.innerHeight * 0.8 + "px";
+  }
 }
 </script>
 
diff --git a/src/views/SharedPhotoView.vue b/src/views/SharedPhotoView.vue
index 923062269..721b15b29 100644
--- a/src/views/SharedPhotoView.vue
+++ b/src/views/SharedPhotoView.vue
@@ -165,12 +165,6 @@ export default class SharedPhotoView extends Vue {
       );
       formData.append("claimType", imageType);
 
-      console.log(
-        "Sending image to server",
-        formData,
-        headers,
-        DEFAULT_IMAGE_API_SERVER + "/image",
-      );
       const response = await axios.post(
         DEFAULT_IMAGE_API_SERVER + "/image",
         formData,