Fix transform originzoom

1 files changed, 8 insertions, 7 deletions

diff --git a/Pages/ViewMedia.razor.css b/Pages/ViewMedia.razor.css
index 924691d..78a4608 100644
--- a/Pages/ViewMedia.razor.css
+++ b/Pages/ViewMedia.razor.css
@@ -24,7 +24,7 @@ div#image-container {
     flex:            1 0 0;
     height:          100%;
     justify-content: center;
-    overflow:        hidden;
+    overflow:        auto;
     padding:         var(--size-default-gap);
     width:           100%;
 }
@@ -34,12 +34,13 @@ div#image-container:active {
 }
 
 div#image-container > img {
-    display:     block;
-    max-height:  100%;
-    max-width:   100%;
-    object-fit:  contain;
-    transition:  transform 0.1s ease-out;
-    user-select: none;
+    display:          block;
+    max-height:       100%;
+    max-width:        100%;
+    object-fit:       contain;
+    transform-origin: top left;
+    transition:       transform 0.1s ease-out;
+    user-select:      none;
 }
 
 div#metadata-show-button {