diff --git a/src/renderer/src/components/AssistantSettings/AssistantModelSettings.tsx b/src/renderer/src/components/AssistantSettings/AssistantModelSettings.tsx index 629b1c21..12d20a36 100644 --- a/src/renderer/src/components/AssistantSettings/AssistantModelSettings.tsx +++ b/src/renderer/src/components/AssistantSettings/AssistantModelSettings.tsx @@ -166,7 +166,7 @@ const Container = styled.div` flex: 1; flex-direction: column; overflow: hidden; - padding-bottom: 10px; + padding: 5px; ` const Label = styled.p` diff --git a/src/renderer/src/components/AssistantSettings/AssistantPromptSettings.tsx b/src/renderer/src/components/AssistantSettings/AssistantPromptSettings.tsx index 39f5fb00..2bedcd19 100644 --- a/src/renderer/src/components/AssistantSettings/AssistantPromptSettings.tsx +++ b/src/renderer/src/components/AssistantSettings/AssistantPromptSettings.tsx @@ -1,14 +1,14 @@ import { useAssistant } from '@renderer/hooks/useAssistant' import { syncAsistantToAgent } from '@renderer/services/assistant' import { Assistant } from '@renderer/types' -import { Input } from 'antd' +import { Button, Input } from 'antd' import TextArea from 'antd/es/input/TextArea' import { useState } from 'react' import { useTranslation } from 'react-i18next' -import { Box, VStack } from '../Layout' +import { Box, HStack, VStack } from '../Layout' -const AssistantPromptSettings: React.FC<{ assistant: Assistant }> = (props) => { +const AssistantPromptSettings: React.FC<{ assistant: Assistant; onOk: () => void }> = (props) => { const { assistant, updateAssistant } = useAssistant(props.assistant.id) const [name, setName] = useState(assistant.name) const [prompt, setPrompt] = useState(assistant.prompt) @@ -22,14 +22,16 @@ const AssistantPromptSettings: React.FC<{ assistant: Assistant }> = (props) => { return ( - {t('common.name')} + + {t('common.name')} + setName(e.target.value)} onBlur={onUpdate} /> - + {t('common.prompt')}