Canvas: Reuse node details component in overview
Make app details tabular.
Change-Id: I78a641e8e513eec44573bb8c8a391ef81a66e7fe
diff --git a/apps/canvas/front/src/components/canvas.tsx b/apps/canvas/front/src/components/canvas.tsx
index 861437f..96b8f03 100644
--- a/apps/canvas/front/src/components/canvas.tsx
+++ b/apps/canvas/front/src/components/canvas.tsx
@@ -31,7 +31,7 @@
onConnect: state.onConnect,
});
-export function Canvas() {
+export function Canvas({ className }: { className?: string }) {
const { nodes, edges, onNodesChange, onEdgesChange, onConnect } = useStateStore(useShallow(selector));
const store = useStateStore();
const instance = useReactFlow();
@@ -101,7 +101,7 @@
[instance],
);
return (
- <div style={{ width: "100%", height: "100%" }}>
+ <div style={{ width: "100%", height: "100%" }} className={className}>
<ReactFlow
nodeTypes={nodeTypes}
nodes={nodes}
@@ -119,7 +119,7 @@
gap={12}
size={1}
/>
- <Panel position="bottom-right">
+ <Panel position="top-right">
<Actions />
</Panel>
</ReactFlow>