Ensure images are contained when used inside grids

2024-08-14 09:59:02 +01:00 · 2024-08-14 09:59:02 +01:00 · 6baf784f4a
parent 7a9730b120
commit 6baf784f4a
1 changed files with 6 additions and 0 deletions
--- a/packages/client/src/components/app/container/GridContainer.svelte
+++ b/packages/client/src/components/app/container/GridContainer.svelte
@ -255,4 +255,10 @@
    flex: 1 1 0 !important;
    height: 0 !important;
  }
+
+  /* Grid specific CSS overrides for certain components */
+  .grid :global(> .component > img) {
+    object-fit: contain;
+    max-height: 100%;
+  }
 </style>