fix: incorrect scaling of images in dialogImage (#1746)

This fixes the squishing of big images in the config file preview window. Scales image down while preserving the original aspect ratio. Signed-off-by: Simion Balanuta <[email protected]>
mainsail-crew · Jan 14, 2024 · 4ae21da · 4ae21da
1 parent e932cb9
commit 4ae21da
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/panels/Machine/ConfigFilesPanel.vue b/src/components/panels/Machine/ConfigFilesPanel.vue
@@ -260,7 +260,7 @@
                     <img
                         v-if="dialogImage.item.url"
                         :src="dialogImage.item.url"
-                        style="max-height: 100%; width: auto"
+                        style="max-height: 100%; width: auto; object-fit: contain"
                         alt="image" />
                     <div v-else-if="dialogImage.item.svg" class="fill-width" v-html="dialogImage.item.svg"></div>
                 </div>