From 24581e42cafbe4e0d73622a34ddddd9f6d5ef89c Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Wed, 6 Dec 2023 13:19:45 +0100
Subject: [PATCH] UX: tweak image preview

---
 src/UI/Image/ImageOperations.svelte | 2 +-
 src/UI/Image/ImagePreview.svelte    | 6 ++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/UI/Image/ImageOperations.svelte b/src/UI/Image/ImageOperations.svelte
index d19c3f109..2a8eb96d3 100644
--- a/src/UI/Image/ImageOperations.svelte
+++ b/src/UI/Image/ImageOperations.svelte
@@ -21,7 +21,7 @@ async function download() {
 </script>
 
 <div class="w-full h-full relative">
-  <div class="absolute top-0 left-0">
+  <div class="absolute top-0 left-0 w-full h-full overflow-hidden">
     <ImagePreview image={image} />
   </div>
   <div class="absolute bottom-0 left-0 w-full pointer-events-none flex justify-between items-end">
diff --git a/src/UI/Image/ImagePreview.svelte b/src/UI/Image/ImagePreview.svelte
index 25413549c..8a2bf5d8c 100644
--- a/src/UI/Image/ImagePreview.svelte
+++ b/src/UI/Image/ImagePreview.svelte
@@ -1,10 +1,9 @@
 <script lang="ts">
-    import { Store } from "../../Logic/UIEventSource"
 
     /**
      * The image preview allows to drag and zoom in to the image
      */
-    import * as panzoom from "panzoom"
+    import panzoom from "panzoom"
     import type { ProvidedImage } from "../../Logic/ImageProviders/ImageProvider"
 
     export let image : ProvidedImage
@@ -25,5 +24,4 @@
 
 </script>
 
-<img bind:this={panzoomEl} src={image.url} />
- 
+<img bind:this={panzoomEl} src={image.url}/>