[OPIK-438]: patch the tailwind class issue;

comet-ml · Nov 21, 2024 · 692af02 · 692af02
1 parent 680e5c3
commit 692af02
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/...ponents/pages/CompareExperimentsPage/CompareExperimentsPanel/CompareExperimentsViewer.tsx b/...ponents/pages/CompareExperimentsPage/CompareExperimentsPanel/CompareExperimentsViewer.tsx
@@ -68,7 +68,8 @@ const CompareExperimentsViewer: React.FunctionComponent<
   };
 
   // ALEX
-  const tailwind1 = `h-[calc(100% - ${SCORES_EDITOR_HEIGHT})] overflow-auto`;
+  const height = `calc(100% - ${SCORES_EDITOR_HEIGHT})`;
+  const tailwind1 = `overflow-auto`;
   const tailwind2 = `pt-4 pb-8 contain-content box-border overflow-auto h-[${SCORES_EDITOR_HEIGHT}]`;
 
   return (
@@ -94,7 +95,9 @@ const CompareExperimentsViewer: React.FunctionComponent<
         )}
       </div>
 
-      <div className={tailwind1}>{renderOutput()}</div>
+      <div className={tailwind1} style={{ height }}>
+        {renderOutput()}
+      </div>
 
       {isTraceExist && (
         <div className={tailwind2} style={{ height: SCORES_EDITOR_HEIGHT }}>