pdfjs

frontend/src/styles/preview/preview-zoom.css

@@ -6,7 +6,6 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 2rem;
   z-index: 2000000;
   cursor: zoom-out;
   opacity: 0;
@@ -29,6 +28,13 @@
   z-index: 3000000;
 }
 
+.preview-zoom__stage--pdf {
+  width: 100%;
+  height: 100%;
+  max-width: none;
+  max-height: none;
+}
+
 .preview-zoom__image {
   max-width: 95vw;
   max-height: 95vh;
@@ -42,7 +48,13 @@
   justify-content: center;
   max-width: 95vw;
   max-height: 95vh;
-  box-shadow: 0 32px 120px var(--shadow-deep);
+}
+
+.preview-zoom__scroll--pdf {
+  width: 100%;
+  height: 100%;
+  max-width: none;
+  max-height: none;
 }
 
 .preview-zoom__scroll:focus {
@@ -111,3 +123,28 @@
   cursor: default;
 }
 
+.preview-zoom__pdf {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+}
+
+.preview-zoom__pdf-viewer {
+  width: 100%;
+  height: 100%;
+}
+
+.preview-zoom__stage .pdf-viewer__page-wrapper {
+  position: relative;
+  overflow: visible;
+}
+
+.preview-zoom__stage .pdf-viewer__page-wrapper::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  box-shadow: 0 32px 120px var(--shadow-deep);
+  z-index: -1;
+  pointer-events: none;
+  border-radius: inherit;
+}