fix: fix build diff display on Safari (#1168)

argos-ci · Jan 26, 2024 · cf859e2 · cf859e2
1 parent 5cf993b
commit cf859e2
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/apps/frontend/src/pages/Build/BuildDetail.tsx b/apps/frontend/src/pages/Build/BuildDetail.tsx
@@ -159,10 +159,18 @@ function ScreenshotContainer({
 }) {
   return (
     <div
-      className="relative min-w-0 min-h-0"
-      style={{
-        aspectRatio: contained ? getAspectRatio(dimensions) : undefined,
-      }}
+      className={clsx(
+        "relative min-w-0 min-h-0",
+        contained && "max-h-full max-w-full",
+      )}
+      style={
+        contained
+          ? {
+              aspectRatio: getAspectRatio(dimensions),
+              height: dimensions.height ?? undefined,
+            }
+          : undefined
+      }
     >
       {children}
     </div>