Initial commit

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 {