From 8a2d04b305c651062d2a22633f25827643578364 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Fri, 29 Mar 2024 18:32:49 +0800
Subject: [PATCH] chore: llm editor bg and not flash

---
 .../workflow/nodes/_base/components/prompt/editor.tsx         | 4 ++--
 .../workflow/nodes/http/components/edit-body/index.tsx        | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/web/app/components/workflow/nodes/_base/components/prompt/editor.tsx b/web/app/components/workflow/nodes/_base/components/prompt/editor.tsx
index 497b62fb7d..e5e10f724b 100644
--- a/web/app/components/workflow/nodes/_base/components/prompt/editor.tsx
+++ b/web/app/components/workflow/nodes/_base/components/prompt/editor.tsx
@@ -77,8 +77,8 @@ const Editor: FC<Props> = ({
 
   return (
     <div className={cn(wrapClassName)}>
-      <div ref={ref} className={cn(isFocus && s.gradientBorder, isExpand && 'h-full', '!rounded-[9px]')}>
-        <div className={cn(isFocus ? 'bg-white' : 'bg-gray-100', isExpand && 'h-full flex flex-col', 'rounded-lg')}>
+      <div ref={ref} className={cn(isFocus ? s.gradientBorder : 'bg-gray-100', isExpand && 'h-full', '!rounded-[9px] p-0.5')}>
+        <div className={cn(isFocus ? 'bg-gray-50' : 'bg-gray-100', isExpand && 'h-full flex flex-col', 'rounded-lg')}>
           <div className='pt-1 pl-3 pr-2 flex justify-between h-6 items-center'>
             <div className='leading-4 text-xs font-semibold text-gray-700 uppercase'>{title}</div>
             <div className='flex items-center'>
diff --git a/web/app/components/workflow/nodes/http/components/edit-body/index.tsx b/web/app/components/workflow/nodes/http/components/edit-body/index.tsx
index 34753218b4..daeac6e28f 100644
--- a/web/app/components/workflow/nodes/http/components/edit-body/index.tsx
+++ b/web/app/components/workflow/nodes/http/components/edit-body/index.tsx
@@ -64,8 +64,6 @@ const EditBody: FC<Props> = ({
     list: body,
     setList: setBody,
     addItem: addBody,
-    isKeyValueEdit: isBodyKeyValueEdit,
-    toggleIsKeyValueEdit: toggleIsBodyKeyValueEdit,
   } = useKeyValueList(payload.data, (value) => {
     const newBody = produce(payload, (draft: Body) => {
       draft.data = value
@@ -151,6 +149,7 @@ const EditBody: FC<Props> = ({
             onChange={handleBodyValueChange}
             justVar
             nodesOutputVars={availableVarList}
+            readOnly={readonly}
           />
         )}
       </div>