feat: truncate headers card

libs/shared/lib/components/CardToolTipVis/index.tsx

@@ -46,7 +46,7 @@ export const CardToolTipVis: React.FC<CardToolTipVisProps> = ({
     <div className="border-1 border-sec-200 bg-white w-[12rem] -mx-2 -my-1">
       <div className="flex m-0 items-center border-b border-sec-200">
         <div className="h-9 w-2" style={{ backgroundColor: colorHeader }}></div>
-        <div className="flex-1 min-w-0">
+        <div className="flex-1 min-w-0 truncate">
           <Tooltip>
             <TooltipTrigger>
               <span className="text-xl ml-2 font-semibold truncate">{name}</span>

libs/shared/lib/schema/panel/Schema.tsx

@@ -102,7 +102,6 @@ export const Schema = (props: Props) => {
       data: { ...node.data, reactFlowRef },
     }));
 
-    //setNodes(schemaFlow.nodes);
     setNodes(nodesWithRef);
     setEdges(schemaFlow.edges);
     setTimeout(() => fitView(), 100);
@@ -172,7 +171,15 @@ export const Schema = (props: Props) => {
           </Tooltip>
           <Tooltip>
             <TooltipTrigger>
-              <Button variantType="secondary" variant="ghost" size="xs" iconComponent={<Fullscreen />} onClick={() => {}} />
+              <Button
+                variantType="secondary"
+                variant="ghost"
+                size="xs"
+                iconComponent={<Fullscreen />}
+                onClick={() => {
+                  fitView();
+                }}
+              />
             </TooltipTrigger>
             <TooltipContent side={'top'}>
               <p>Fit to screen</p>