Canvas: Use regular font size for node details label
Change-Id: Ib9cef6d7b4293e8623321919bb9a89c9c30b7453
diff --git a/apps/canvas/front/src/Details.tsx b/apps/canvas/front/src/Details.tsx
index 23920dd..73e401b 100644
--- a/apps/canvas/front/src/Details.tsx
+++ b/apps/canvas/front/src/Details.tsx
@@ -1,11 +1,12 @@
import { useNodes } from "@xyflow/react";
-import { AppNode, nodeLabel, NodeType, useMode } from "@/lib/state";
+import { nodeLabel, useMode } from "@/lib/state";
import { NodeDetails } from "@/components/node-details";
import { Accordion, AccordionContent, AccordionTrigger } from "./components/ui/accordion";
import { AccordionItem } from "@radix-ui/react-accordion";
import { useMemo, useState } from "react";
import { Separator } from "./components/ui/separator";
import { Name } from "./components/node-name";
+import { AppNode, NodeType } from "config";
function unique<T>(v: T, i: number, a: T[]) {
return a.indexOf(v) === i;
diff --git a/apps/canvas/front/src/components/node-name.tsx b/apps/canvas/front/src/components/node-name.tsx
index fee274a..f1128a8 100644
--- a/apps/canvas/front/src/components/node-name.tsx
+++ b/apps/canvas/front/src/components/node-name.tsx
@@ -25,9 +25,9 @@
return (
<div className="w-full flex flex-row gap-1 items-center">
<Icon node={node} />
- <h3 className="w-full text-lg font-bold cursor-text select-none hover:outline-solid hover:outline-2 hover:outline-gray-200">
+ <h4 className="w-full cursor-text select-none hover:outline-solid hover:outline-2 hover:outline-gray-200">
{nodeLabel(node)}
- </h3>
+ </h4>
</div>
);
}
@@ -48,12 +48,12 @@
disabled={disabled}
/>
) : (
- <h3
- className="w-full text-lg font-bold cursor-text select-none hover:outline-solid hover:outline-2 hover:outline-gray-200"
+ <h4
+ className="w-full cursor-text select-none hover:outline-solid hover:outline-2 hover:outline-gray-200"
onClick={() => setIsEditing(true)}
>
{data.label}
- </h3>
+ </h4>
)}
</div>
);