From 86b14ee2ba1c7f2aef7ea65adba36cef8eb2c90a Mon Sep 17 00:00:00 2001 From: Jake Mannens Date: Fri, 24 Apr 2026 01:33:55 +1000 Subject: Fix transform origin --- Pages/ViewMedia.razor.css | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) (limited to 'Pages/ViewMedia.razor.css') 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 { -- cgit v1.3