From 6baf784f4aed847e1957fd10c06ca212ed73192c Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Wed, 14 Aug 2024 09:59:02 +0100
Subject: [PATCH] Ensure images are contained when used inside grids

---
 .../src/components/app/container/GridContainer.svelte       | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/client/src/components/app/container/GridContainer.svelte b/packages/client/src/components/app/container/GridContainer.svelte
index f332e197c3..088c41b57b 100644
--- 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>