Merge pull request optuna#624 from moririn2528/fix-graph

fit figure to node size on preference graph page
keisuke-umezawa · Sep 22, 2023 · 4d03688 · 4d03688
2 parents ae11fda + 7e06672
commit 4d03688
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/optuna_dashboard/ts/components/ArtifactCardMedia.tsx b/optuna_dashboard/ts/components/ArtifactCardMedia.tsx
@@ -34,6 +34,9 @@ export const ArtifactCardMedia: FC<{
         height={height}
         image={urlPath}
         alt={artifact.filename}
+        style={{
+          objectFit: "contain",
+        }}
       />
     )
   }

diff --git a/optuna_dashboard/ts/components/PreferentialGraph.tsx b/optuna_dashboard/ts/components/PreferentialGraph.tsx
@@ -91,7 +91,15 @@ const GraphNode: FC<NodeProps<NodeData>> = ({ data, isConnectable }) => {
         style={{ background: "#555" }}
         isConnectable={isConnectable}
       />
-      <CardContent>
+      <CardContent
+        sx={{
+          position: "relative",
+          margin: 0,
+          padding: theme.spacing(1),
+          width: nodeWidth,
+          height: nodeHeight - 72,
+        }}
+      >
         <PreferentialOutputComponent
           trial={trial}
           artifact={artifact}