diff --git a/src/renderer/src/assets/styles/index.scss b/src/renderer/src/assets/styles/index.scss index 53a81dba..9dcb0a38 100644 --- a/src/renderer/src/assets/styles/index.scss +++ b/src/renderer/src/assets/styles/index.scss @@ -224,6 +224,9 @@ body, .anticon-setting { font-size: 12px; } + .icon-business-smart-assistant { + margin-right: -2px; + } .ant-segmented-item-icon + * { margin-left: 4px; } diff --git a/src/renderer/src/pages/home/Assistants.tsx b/src/renderer/src/pages/home/Assistants.tsx index aeb1509b..e63b51ea 100644 --- a/src/renderer/src/pages/home/Assistants.tsx +++ b/src/renderer/src/pages/home/Assistants.tsx @@ -181,14 +181,14 @@ const ArrowRightButton = styled.div` flex-direction: row; justify-content: center; align-items: center; - width: 24px; - height: 24px; - min-width: 24px; - min-height: 24px; + width: 22px; + height: 22px; + min-width: 22px; + min-height: 22px; border-radius: 4px; position: absolute; - right: 10px; - top: 5px; + right: 9px; + top: 6px; .anticon { font-size: 14px; } diff --git a/src/renderer/src/pages/home/Navbar.tsx b/src/renderer/src/pages/home/Navbar.tsx index ecd949c7..8849f699 100644 --- a/src/renderer/src/pages/home/Navbar.tsx +++ b/src/renderer/src/pages/home/Navbar.tsx @@ -42,13 +42,7 @@ const HeaderNavbar: FC = ({ activeAssistant, setActiveAssistant }) => { return ( {showAssistants && ( - + diff --git a/src/renderer/src/pages/home/RightSidebar.tsx b/src/renderer/src/pages/home/RightSidebar.tsx index 5412bfdd..9027ae95 100644 --- a/src/renderer/src/pages/home/RightSidebar.tsx +++ b/src/renderer/src/pages/home/RightSidebar.tsx @@ -22,9 +22,13 @@ interface Props { position: 'left' | 'right' } +type Tab = 'assistants' | 'topic' | 'settings' + +let _tab = '' + const RightSidebar: FC = ({ activeAssistant, activeTopic, setActiveAssistant, setActiveTopic, position }) => { const { addAssistant } = useAssistants() - const [tab, setTab] = useState<'assistants' | 'topic' | 'settings'>(position === 'left' ? 'assistants' : 'topic') + const [tab, setTab] = useState(_tab || position === 'left' ? 'assistants' : 'topic') const { topicPosition } = useSettings() const { defaultAssistant } = useDefaultAssistant() const { toggleShowTopics } = useShowTopics() @@ -33,6 +37,7 @@ const RightSidebar: FC = ({ activeAssistant, activeTopic, setActiveAssist const borderStyle = '0.5px solid var(--color-border)' const border = position === 'left' ? { borderRight: borderStyle } : { borderLeft: borderStyle } + _tab = tab const showTab = !(position === 'left' && topicPosition === 'right') const assistantTab = { @@ -74,12 +79,7 @@ const RightSidebar: FC = ({ activeAssistant, activeTopic, setActiveAssist