From b8a6a69849e36e273259bbfce1c44478d8f6deb2 Mon Sep 17 00:00:00 2001
From: kangfenmao <kangfenmao@qq.com>
Date: Thu, 17 Oct 2024 16:52:18 +0800
Subject: [PATCH] style: improved layout and functionality for the prompt
 editing field.

---
 .../src/pages/agents/AgentEditPage.tsx        | 34 +++++++++++--------
 .../src/pages/home/Tabs/Assistants.tsx        |  2 +-
 2 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/src/renderer/src/pages/agents/AgentEditPage.tsx b/src/renderer/src/pages/agents/AgentEditPage.tsx
index 1585652339..2e52083265 100644
--- a/src/renderer/src/pages/agents/AgentEditPage.tsx
+++ b/src/renderer/src/pages/agents/AgentEditPage.tsx
@@ -109,21 +109,25 @@ const AgentEditPage: FC = () => {
           <Form.Item name="name" label={t('agents.add.name')} rules={[{ required: true }]}>
             <Input placeholder={t('agents.add.name.placeholder')} spellCheck={false} allowClear />
           </Form.Item>
-          <div style={{ position: 'relative' }}>
-            <Form.Item
-              name="prompt"
-              label={t('agents.add.prompt')}
-              rules={[{ required: true }]}
-              style={{ position: 'relative' }}>
-              <TextArea placeholder={t('agents.add.prompt.placeholder')} spellCheck={false} rows={10} />
-            </Form.Item>
-            <Button
-              icon={loading ? <LoadingOutlined /> : <ThunderboltOutlined />}
-              onClick={handleButtonClick}
-              style={{ position: 'absolute', top: 8, right: 8 }}
-              disabled={loading}
-            />
-          </div>
+          <Form.Item
+            name="prompt"
+            label={
+              <>
+                {t('agents.add.prompt')}{' '}
+                <Button
+                  size="small"
+                  style={{ marginLeft: 5 }}
+                  type="text"
+                  icon={loading ? <LoadingOutlined /> : <ThunderboltOutlined />}
+                  onClick={handleButtonClick}
+                  disabled={loading}
+                />
+              </>
+            }
+            rules={[{ required: true }]}
+            style={{ position: 'relative' }}>
+            <TextArea placeholder={t('agents.add.prompt.placeholder')} spellCheck={false} rows={10} />
+          </Form.Item>
           <Form.Item wrapperCol={{ span: 16 }}>
             <Button type="primary" htmlType="submit">
               {t('common.save')}
diff --git a/src/renderer/src/pages/home/Tabs/Assistants.tsx b/src/renderer/src/pages/home/Tabs/Assistants.tsx
index e87ccabb92..5e2aaea2c4 100644
--- a/src/renderer/src/pages/home/Tabs/Assistants.tsx
+++ b/src/renderer/src/pages/home/Tabs/Assistants.tsx
@@ -161,7 +161,7 @@ const Assistants: FC<Props> = ({
             suffix={<CommandKey>⌘+K</CommandKey>}
             value={search}
             onChange={(e) => setSearch(e.target.value)}
-            style={{ borderRadius: 4, borderWidth: 0.5 }}
+            style={{ borderRadius: 16, borderWidth: 0.5 }}
             onKeyDown={onSearch}
             ref={searchRef}
             onFocus={() => dispatch(setSearching(true))}