auto resizing

viewer/src/app.html

@@ -6,6 +6,7 @@
 	<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 	<link rel="stylesheet" href="%sveltekit.assets%/global.css" />
 	<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js"></script>
 	<meta name="viewport" content="width=device-width" />
 	%sveltekit.head%
 </head>

viewer/src/routes/viewer/[slug]/+page.svelte

@@ -220,8 +220,8 @@
         flex-direction: column;
         justify-content: center;
         align-items: center;
-        width: 100vw;
-        height: 100vh;
+        width: 100%;
+        height: 100%;
         overflow: hidden;
     }