previewzoomoverlay

frontend/src/styles.css

@@ -229,31 +229,37 @@ button.danger:hover:not([disabled]) {
 
 .preview-zoom__stage {
   position: relative;
-  display: inline-flex;
-  flex-direction: column;
+  display: flex;
   align-items: center;
   justify-content: center;
   max-width: 95vw;
   max-height: 95vh;
-  cursor: zoom-in;
 }
-
-.preview-zoom__stage--native {
-  cursor: grab;
-}
-
-.preview-zoom__stage--dragging {
-  cursor: grabbing;
-}
-
 .preview-zoom__image {
   max-width: 95vw;
   max-height: 95vh;
   width: auto;
   height: auto;
-  border-radius: 0;
+}
+
+.preview-zoom__scroll {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  max-width: 95vw;
+  max-height: 95vh;
   box-shadow: 0 32px 120px rgba(15, 23, 42, 0.55);
-  cursor: inherit;
+}
+
+.preview-zoom__scroll:focus {
+  outline: none;
+}
+
+.preview-zoom__scroll--native {
+  overflow: auto;
+  cursor: zoom-out;
+  justify-content: flex-start;
+  align-items: flex-start;
 }
 
 .preview-zoom__nav {