Change parameter addition overlay to include a new tab for credentials (#1886)

Co-authored-by: Muhammed Salih Altun <muhammedsalihaltun@gmail.com>

skyvern-frontend/src/components/SwitchBar.tsx

@@ -20,7 +20,7 @@ function SwitchBar({ options, value, onChange }: Props) {
           <div
             key={option.value}
             className={cn(
-              "cursor-pointer rounded-sm px-3 py-2 text-xs hover:bg-slate-700",
+              "cursor-pointer whitespace-nowrap rounded-sm px-3 py-2 text-xs hover:bg-slate-700",
               {
                 "bg-slate-700": selected,
               },

skyvern-frontend/src/components/WorkflowBlockInput.tsx

@@ -28,7 +28,7 @@ function WorkflowBlockInput(props: Props) {
               <PlusIcon className="size-4" />
             </div>
           </PopoverTrigger>
-          <PopoverContent>
+          <PopoverContent className="w-[22rem]">
             <WorkflowBlockParameterSelect
               nodeId={nodeId}
               onAdd={(parameterKey) => {

skyvern-frontend/src/components/WorkflowBlockInputTextarea.tsx

@@ -31,7 +31,7 @@ function WorkflowBlockInputTextarea(props: Props) {
               <PlusIcon className="size-4" />
             </div>
           </PopoverTrigger>
-          <PopoverContent>
+          <PopoverContent className="w-[22rem]">
             <WorkflowBlockParameterSelect
               nodeId={nodeId}
               onAdd={(parameterKey) => {