From 047d114b1e3fa00ecfce2304ff4b22749a56c5ad Mon Sep 17 00:00:00 2001
From: Cahllagerfeld <43843195+Cahllagerfeld@users.noreply.github.com>
Date: Tue, 12 Nov 2024 16:29:15 +0100
Subject: [PATCH] fix: followup fixes (#699)

---
 src/app/artifacts/page.tsx       |  2 +-
 src/app/models/page.tsx          |  2 +-
 src/components/MetadataCards.tsx | 10 +++-------
 src/components/pro/ProCta.tsx    |  5 ++++-
 4 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/app/artifacts/page.tsx b/src/app/artifacts/page.tsx
index 29a9e4a6..53f50da4 100644
--- a/src/app/artifacts/page.tsx
+++ b/src/app/artifacts/page.tsx
@@ -46,7 +46,7 @@ export default function ModelsPage() {
 						<ProButtons />
 					</div>
 					<ProImage
-						className="flex-1 translate-x-[10%] translate-y-[20%] scale-110"
+						className="absolute translate-x-[30%] translate-y-[15%] scale-[40%]"
 						src={ACP}
 						alt="Screenshot of the ZenML Pro Artifact Control Plane"
 					/>
diff --git a/src/app/models/page.tsx b/src/app/models/page.tsx
index 62074944..05b2c125 100644
--- a/src/app/models/page.tsx
+++ b/src/app/models/page.tsx
@@ -59,7 +59,7 @@ export default function ModelsPage() {
 						<ProButtons />
 					</div>
 					<ProImage
-						className="flex-1 translate-x-[10%] translate-y-[20%] scale-110"
+						className="absolute translate-x-[30%] translate-y-[15%] scale-[40%]"
 						src={MCP}
 						alt="Screenshot of the ZenML Pro Artifact Control Plane"
 					/>
diff --git a/src/components/MetadataCards.tsx b/src/components/MetadataCards.tsx
index c004e073..abb25473 100644
--- a/src/components/MetadataCards.tsx
+++ b/src/components/MetadataCards.tsx
@@ -15,15 +15,11 @@ import { isUrl } from "../lib/url";
 type Props = { metadata: MetadataMap };
 
 export function MetadataCards({ metadata }: Props) {
-	const dictMetadata = Object.values(metadata || {}).filter((val) => isObject(val));
+	const dictMetadata = Object.entries(metadata || {}).filter(([_, val]) => isObject(val));
 	return (
 		<>
-			{dictMetadata.map((metadataObj, idx) => (
-				<NestedCollapsible
-					key={idx}
-					data={metadataObj as Record<string, unknown>}
-					title={Object.keys({ metadataObj })[0]}
-				/>
+			{dictMetadata.map(([key, metadataObj], idx) => (
+				<NestedCollapsible key={idx} data={metadataObj as Record<string, unknown>} title={key} />
 			))}
 		</>
 	);
diff --git a/src/components/pro/ProCta.tsx b/src/components/pro/ProCta.tsx
index 06c7c22c..6ce9ee12 100644
--- a/src/components/pro/ProCta.tsx
+++ b/src/components/pro/ProCta.tsx
@@ -78,7 +78,10 @@ export function ProButtons() {
 export function ProImage({ className, ...rest }: ImgHTMLAttributes<HTMLImageElement>) {
 	return (
 		<img
-			className={cn("w-full shrink-0 rounded-md border border-theme-border-moderate", className)}
+			className={cn(
+				"hidden w-full shrink-0 rounded-md border border-theme-border-moderate 2xl:block",
+				className
+			)}
 			{...rest}
 		/>
 	);