From 2ee3a1b6f337b9fb596257a862d37c792c452923 Mon Sep 17 00:00:00 2001
From: Pika <codingme+git@icloud.com>
Date: Tue, 28 May 2024 10:57:40 +0800
Subject: [PATCH] fix: key-value-table styles (#4678)

---
 web/app/components/base/prompt-editor/index.tsx             | 2 +-
 .../http/components/key-value/key-value-edit/input-item.tsx | 4 +++-
 .../nodes/http/components/key-value/key-value-edit/item.tsx | 6 +++---
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/web/app/components/base/prompt-editor/index.tsx b/web/app/components/base/prompt-editor/index.tsx
index 7790eecbbd..16057ea7d1 100644
--- a/web/app/components/base/prompt-editor/index.tsx
+++ b/web/app/components/base/prompt-editor/index.tsx
@@ -142,7 +142,7 @@ const PromptEditor: FC<PromptEditorProps> = ({
 
   return (
     <LexicalComposer initialConfig={{ ...initialConfig, editable }}>
-      <div className='relative'>
+      <div className='relative h-full'>
         <RichTextPlugin
           contentEditable={<ContentEditable className={`${className} outline-none ${compact ? 'leading-5 text-[13px]' : 'leading-6 text-sm'} text-gray-700`} style={style || {}} />}
           placeholder={<Placeholder value={placeholder} className={placeholderClassName} compact={compact} />}
diff --git a/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/input-item.tsx b/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/input-item.tsx
index a15af88fa3..7020723ae9 100644
--- a/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/input-item.tsx
+++ b/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/input-item.tsx
@@ -49,7 +49,7 @@ const InputItem: FC<Props> = ({
   }, [onRemove])
 
   return (
-    <div className={cn(className, 'hover:bg-gray-50 hover:cursor-text', 'relative flex h-full items-center')}>
+    <div className={cn(className, 'hover:bg-gray-50 hover:cursor-text', 'relative flex h-full')}>
       {(!readOnly)
         ? (
           <Input
@@ -63,6 +63,7 @@ const InputItem: FC<Props> = ({
             onFocusChange={setIsFocus}
             placeholder={t('workflow.nodes.http.insertVarPlaceholder')!}
             placeholderClassName='!leading-[21px]'
+            promptMinHeightClassName='h-full'
           />
         )
         : <div
@@ -81,6 +82,7 @@ const InputItem: FC<Props> = ({
               onFocusChange={setIsFocus}
               placeholder={t('workflow.nodes.http.insertVarPlaceholder')!}
               placeholderClassName='!leading-[21px]'
+              promptMinHeightClassName='h-full'
             />
           )}
 
diff --git a/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/item.tsx b/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/item.tsx
index 6afce88bbb..ce4378575b 100644
--- a/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/item.tsx
+++ b/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/item.tsx
@@ -49,8 +49,8 @@ const KeyValueItem: FC<Props> = ({
 
   return (
     // group class name is for hover row show remove button
-    <div className={cn(className, 'group flex items-start h-min-7 border-t border-gray-200')}>
-      <div className='w-1/2 h-full border-r border-gray-200'>
+    <div className={cn(className, 'group flex h-min-7 border-t border-gray-200')}>
+      <div className='w-1/2 border-r border-gray-200'>
         <InputItem
           instanceId={`http-key-${instanceId}`}
           nodeId={nodeId}
@@ -61,7 +61,7 @@ const KeyValueItem: FC<Props> = ({
           readOnly={readonly}
         />
       </div>
-      <div className='w-1/2  h-full'>
+      <div className='w-1/2'>
         <InputItem
           instanceId={`http-value-${instanceId}`}
           nodeId={nodeId}