Object-fit: contain

samuelclay · samuelclay · commit c869c639f8f8 · 2025-09-23T22:48:33.000-07:00
diff --git a/server/templates/web-vnc.html b/server/templates/web-vnc.html
@@ -56,9 +56,12 @@
         }
 
         .vnc-canvas-container canvas {
-            /* Let noVNC handle sizing naturally */
+            /* Maintain aspect ratio while fitting in container */
             max-width: 100%;
             max-height: 100%;
+            width: auto !important;
+            height: auto !important;
+            object-fit: contain;
         }
 
         .vnc-connecting {

Original file line number	Diff line number	Diff line change
`@@ -56,9 +56,12 @@`
`56`	`56`	`}`
`57`	`57`
`58`	`58`	`.vnc-canvas-container canvas {`
`59`		`- /* Let noVNC handle sizing naturally */`
	`59`	`+ /* Maintain aspect ratio while fitting in container */`
`60`	`60`	`max-width: 100%;`
`61`	`61`	`max-height: 100%;`
	`62`	`+ width: auto !important;`
	`63`	`+ height: auto !important;`
	`64`	`+ object-fit: contain;`
`62`	`65`	`}`
`63`	`66`
`64`	`67`	`.vnc-connecting {`