feat: change icons

src/renderer/src/assets/styles/index.scss

@@ -34,7 +34,7 @@
 
   --navbar-height: 42px;
   --sidebar-width: 55px;
-  --assistants-width: 235px;
+  --assistants-width: 250px;
   --topic-list-width: 250px;
   --settings-width: var(--assistants-width);
   --status-bar-height: 40px;

src/renderer/src/pages/home/HomePage.tsx

@@ -9,7 +9,7 @@ import { useShowAssistants, useShowRightSidebar } from '@renderer/hooks/useStore
 import { Tooltip } from 'antd'
 import Navigation from './components/Navigation'
 import { useTranslation } from 'react-i18next'
-import { PlusSquareOutlined } from '@ant-design/icons'
+import { PlusCircleOutlined } from '@ant-design/icons'
 
 const HomePage: FC = () => {
   const { assistants, addAssistant } = useAssistants()
@@ -34,12 +34,12 @@ const HomePage: FC = () => {
               <i className="iconfont icon-hidesidebarhoriz" />
             </NewButton>
             <NewButton onClick={onCreateAssistant}>
-              <PlusSquareOutlined />
+              <PlusCircleOutlined />
             </NewButton>
           </NavbarLeft>
         )}
         <Navigation activeAssistant={activeAssistant} />
-        <NavbarRight style={{ justifyContent: 'flex-end', padding: 5 }}>
+        <NavbarRight style={{ justifyContent: 'flex-end', padding: '0 7px' }}>
           <Tooltip
             placement="left"
             title={showRightSidebar ? t('assistant.topics.hide_topics') : t('assistant.topics.show_topics')}
@@ -79,8 +79,8 @@ const ContentContainer = styled.div`
 export const NewButton = styled.div`
   -webkit-app-region: none;
   border-radius: 4px;
-  width: 28px;
+  width: 30px;
-  height: 28px;
+  height: 30px;
   display: flex;
   flex-direction: row;
   justify-content: center;
@@ -88,11 +88,11 @@ export const NewButton = styled.div`
   transition: all 0.2s ease-in-out;
   color: var(--color-icon);
   .anticon {
-    font-size: 18px;
+    font-size: 19px;
   }
   .icon-showsidebarhoriz,
   .icon-hidesidebarhoriz {
-    font-size: 16px;
+    font-size: 17px;
   }
   &:hover {
     background-color: var(--color-background-soft);

src/renderer/src/pages/home/components/Inputbar.tsx

@@ -4,9 +4,9 @@ import {
   FullscreenExitOutlined,
   FullscreenOutlined,
   HistoryOutlined,
+  MessageOutlined,
   MoreOutlined,
-  PauseCircleOutlined,
+  PauseCircleOutlined
-  PlusCircleOutlined
 } from '@ant-design/icons'
 import { useAssistant } from '@renderer/hooks/useAssistant'
 import { useSettings } from '@renderer/hooks/useSettings'
@@ -134,7 +134,7 @@ const Inputbar: FC<Props> = ({ assistant, setActiveTopic }) => {
         <ToolbarMenu>
           <Tooltip placement="top" title={t('assistant.input.new_chat')} arrow>
             <ToolbarButton type="text" onClick={addNewTopic}>
-              <PlusCircleOutlined />
+              <MessageOutlined />
             </ToolbarButton>
           </Tooltip>
           <Tooltip placement="top" title={t('assistant.input.topics')} arrow>

src/renderer/src/pages/home/components/Message.tsx

@@ -3,7 +3,7 @@ import { Avatar, Tooltip } from 'antd'
 import { FC } from 'react'
 import styled from 'styled-components'
 import useAvatar from '@renderer/hooks/useAvatar'
-import { CopyOutlined, DeleteOutlined, EditOutlined } from '@ant-design/icons'
+import { DeleteOutlined, EditOutlined, SwitcherOutlined } from '@ant-design/icons'
 import Markdown from 'react-markdown'
 import CodeBlock from './CodeBlock'
 import { EVENT_NAMES, EventEmitter } from '@renderer/services/event'
@@ -91,7 +91,7 @@ const MessageItem: FC<Props> = ({ message, index, showMenu, onDeleteMessage }) =
               </Tooltip>
             )}
             <Tooltip title={t('common.copy')} mouseEnterDelay={0.8}>
-              <CopyOutlined onClick={onCopy} />
+              <SwitcherOutlined onClick={onCopy} />
             </Tooltip>
             <Tooltip title={t('common.delete')} mouseEnterDelay={0.8}>
               <DeleteOutlined onClick={onDelete} />