feat(visManager): schema settings

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

@@ -11,7 +11,7 @@ type DropdownContainerProps = {
 export const DropdownContainer = React.forwardRef<HTMLDivElement, DropdownContainerProps>(
   ({ children, className }, ref: React.ForwardedRef<HTMLDivElement>) => {
     return (
-      <div className={`border-1 border-secondary-800  relative inline-block text-left ${className && className}`} ref={ref}>
+      <div className={`relative inline-block text-left ${className && className}`} ref={ref}>
         {children}
       </div>
     );
@@ -32,7 +32,7 @@ export function DropdownButton({ title, onClick, size, disabled }: DropdownButto
   return (
     <>
       <button
-        className={`inline-flex w-full justify-between items-center gap-x-1.5 rounded bg-light ${textSizeClass} ${paddingClass} text-secondary-900 shadow-sm ring-1 ring-inset ring-secondary-300 hover:bg-secondary-50 disabled:bg-secondary-100 disabled:cursor-not-allowed disabled:text-secondary-400`}
+        className={`inline-flex border w-full justify-between items-center gap-x-1.5 rounded bg-light ${textSizeClass} ${paddingClass} text-secondary-900 shadow-sm hover:bg-secondary-50 disabled:bg-secondary-100 disabled:cursor-not-allowed disabled:text-secondary-400`}
         onClick={onClick}
         disabled={disabled}
       >

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

@@ -51,7 +51,7 @@ export const Schema = (props: Props) => {
   const [edges, setEdges, onEdgesChange] = useEdgesState([] as Edge[]);
   const [firstUserConnection, setFirstUserConnection] = useState<boolean>(true);
   const [auth, setAuth] = useState(props.auth);
-  const [expanded, setExpanded] = useState<boolean>(true);
+  const [expanded, setExpanded] = useState<boolean>(false);
 
   const reactFlowInstanceRef = useRef<ReactFlowInstance | null>(null);
 
@@ -147,7 +147,7 @@ export const Schema = (props: Props) => {
           <span className="text-xs font-semibold text-secondary-800 ml-2">Schema settings</span>
         </div>
         {expanded && (
-          <div className="h-full w-full overflow-y-hidden">
+          <div className="h-full w-full overflow-y-auto">
             <SchemaDialog open={toggleSchemaSettings} onClose={() => setToggleSchemaSettings(false)} />
           </div>
         )}