feat: Introduce MediaViewer component to centralize media rendering and refactor document preview and zoom overlay to use it, along with new CSS padding variables.

2025-11-28 09:08:28 +01:00
parent 0b4a9441d0
commit 65ad1f6cfa
7 changed files with 151 additions and 87 deletions
@@ -26,6 +26,7 @@
  max-width: 99vw;
  max-height: 99vh;
  z-index: 3000000;
+  --preview-padding: 1.5vmin;
 }

 .preview-zoom__stage--pdf {
@@ -61,7 +62,7 @@
  overflow: auto;
  align-items: flex-start;
  justify-content: center;
-  --pdf-viewer-stack-padding: 1vh;
+  --pdf-viewer-stack-padding: var(--preview-padding);
 }

 .preview-zoom__scroll:focus {
@@ -102,4 +103,4 @@
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
-}
+}