fix: output and dataset alignment issues in UI (#201)

empirical-run · May 2, 2024 · d8842ef · d8842ef
1 parent 93e12e0
commit d8842ef
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/hot-dots-care.md b/.changeset/hot-dots-care.md
@@ -0,0 +1,5 @@
+---
+"web": patch
+---
+
+fix: output and dataset sample alignment issues
diff --git a/apps/web/components/sample-card.tsx b/apps/web/components/sample-card.tsx
@@ -25,7 +25,7 @@ export default function SampleCard({
 }) {
   return (
     <Card className="flex flex-col rounded-md items-stretch border-zinc-900 w-full">
-      <CardContent className="flex flex-col flex-1 p-2 mt-1 pb-0 items-stretch relative">
+      <CardContent className="flex flex-col flex-1 mt-2 p-2 pb-0 items-stretch relative">
         <JsonAsTab
           storeKey="input"
           data={sample?.inputs}

diff --git a/apps/web/components/sample-output-card.tsx b/apps/web/components/sample-output-card.tsx
@@ -214,7 +214,7 @@ export default function SampleOutputCard({
         )}
       </CardHeader>
       <CardContent
-        className="flex flex-col h-full p-4 gap-2"
+        className="flex flex-col h-full px-4 py-2"
         ref={containerWrapper}
       >
         <section className="flex flex-col">
@@ -266,7 +266,7 @@ export default function SampleOutputCard({
           </div>
         )}
         {!diffView.enabled && hasMetadata && (
-          <section className="flex flex-col h-[200px] mt-2">
+          <section className="flex flex-col mt-2">
             <section className="relative flex flex-col flex-1">
               <JsonAsTab
                 storeKey={baseResult?.id!}