diff options
Diffstat (limited to 'Pages/ViewMedia.razor.css')
| -rw-r--r-- | Pages/ViewMedia.razor.css | 34 |
1 files changed, 20 insertions, 14 deletions
diff --git a/Pages/ViewMedia.razor.css b/Pages/ViewMedia.razor.css index 60b04be..924691d 100644 --- a/Pages/ViewMedia.razor.css +++ b/Pages/ViewMedia.razor.css @@ -17,23 +17,29 @@ div#hcontainer { } div#image-container { - box-sizing: border-box; - flex: 1 0 0; - height: 100%; - overflow: auto; - padding: var(--size-default-gap); - width: 100%; + align-items: center; + box-sizing: border-box; + cursor: grab; + display: flex; + flex: 1 0 0; + height: 100%; + justify-content: center; + overflow: hidden; + padding: var(--size-default-gap); + width: 100%; +} + +div#image-container:active { + cursor: grabbing; } div#image-container > img { - display: block; - left: 50%; - max-height: 100%; - max-width: 100%; - object-fit: contain; - position: relative; - top: 50%; - transform: translate(-50%, -50%); + display: block; + max-height: 100%; + max-width: 100%; + object-fit: contain; + transition: transform 0.1s ease-out; + user-select: none; } div#metadata-show-button { |