Canvas: Improve overview tab styling
Change-Id: I1bb656e5d277c0e8c46da5d6be0748f964551049
diff --git a/apps/canvas/front/src/components/node-details.tsx b/apps/canvas/front/src/components/node-details.tsx
index 6267ac3..ab1d871 100644
--- a/apps/canvas/front/src/components/node-details.tsx
+++ b/apps/canvas/front/src/components/node-details.tsx
@@ -6,11 +6,13 @@
import { NodeGithubDetails } from "./node-github";
import { NodeGatewayTCPDetails } from "./node-gateway-tcp";
import { NodeDetailsProps } from "@/lib/types";
+import { cn } from "@/lib/utils";
-export function NodeDetails(props: NodeDetailsProps) {
+export function NodeDetails(props: NodeDetailsProps & { className?: string }) {
+ const { className, ...rest } = props;
return (
- <div className="px-1 flex flex-col gap-2">
- <NodeDetailsImpl {...props} />
+ <div className={cn("px-1 flex flex-col gap-2", className)}>
+ <NodeDetailsImpl {...rest} />
</div>
);
}