diff --git a/src/main/index.ts b/src/main/index.ts index 819d6249..4ddd6f17 100644 --- a/src/main/index.ts +++ b/src/main/index.ts @@ -24,7 +24,12 @@ function createWindow() { minHeight: 500, show: true, autoHideMenuBar: true, - titleBarStyle: 'hiddenInset', + titleBarStyle: 'hidden', + titleBarOverlay: { + height: 41, + color: '#1f1f1f', + symbolColor: '#eee' + }, trafficLightPosition: { x: 8, y: 12 }, ...(process.platform === 'linux' ? { icon } : {}), webPreferences: { diff --git a/src/renderer/src/components/app/Navbar.tsx b/src/renderer/src/components/app/Navbar.tsx index 99a0ebfd..cd4f5e29 100644 --- a/src/renderer/src/components/app/Navbar.tsx +++ b/src/renderer/src/components/app/Navbar.tsx @@ -30,7 +30,6 @@ const NavbarContainer = styled.div` margin-left: calc(var(--sidebar-width) * -1); padding-left: var(--sidebar-width); border-bottom: 0.5px solid var(--color-border); - border-top: 0.5px solid var(--color-border); ` const NavbarLeftContainer = styled.div` diff --git a/src/renderer/src/components/app/Sidebar.tsx b/src/renderer/src/components/app/Sidebar.tsx index 867f2444..9ccd0de9 100644 --- a/src/renderer/src/components/app/Sidebar.tsx +++ b/src/renderer/src/components/app/Sidebar.tsx @@ -13,7 +13,7 @@ const Sidebar: FC = () => { return ( - {isMac && } + {isMac ? : } @@ -52,7 +52,6 @@ const Container = styled.div` -webkit-app-region: drag !important; background-color: #1f1f1f; border-right: 0.5px solid var(--color-border); - border-top: 0.5px solid var(--color-border); padding-top: var(--navbar-height); position: relative; ` @@ -115,7 +114,7 @@ const StyledLink = styled(Link)` } ` -const PlaceholderBorder = styled.div` +const PlaceholderBorderMac = styled.div` width: var(--sidebar-width); height: var(--navbar-height); border-right: 1px solid #1f1f1f; @@ -125,4 +124,13 @@ const PlaceholderBorder = styled.div` left: 0.5px; ` +const PlaceholderBorderWin = styled.div` + width: var(--sidebar-width); + height: var(--navbar-height); + position: absolute; + border-right: 1px solid #1f1f1f; + top: 0; + right: -1px; +` + export default Sidebar diff --git a/src/renderer/src/pages/home/HomePage.tsx b/src/renderer/src/pages/home/HomePage.tsx index a6e49714..a7ef274a 100644 --- a/src/renderer/src/pages/home/HomePage.tsx +++ b/src/renderer/src/pages/home/HomePage.tsx @@ -9,8 +9,7 @@ import { useShowAssistants, useShowRightSidebar } from '@renderer/hooks/useStore import { Tooltip } from 'antd' import Navigation from './components/NavigationCenter' import { useTranslation } from 'react-i18next' -import { PlusCircleOutlined } from '@ant-design/icons' -import { isMac } from '@renderer/config/constant' +import { isMac, isWindows } from '@renderer/config/constant' const HomePage: FC = () => { const { assistants, addAssistant } = useAssistants() @@ -35,12 +34,12 @@ const HomePage: FC = () => { - + )} - + = ({ assistant, setActiveTopic }) => { - + diff --git a/src/renderer/src/pages/home/components/Message.tsx b/src/renderer/src/pages/home/components/Message.tsx index 1d64594a..ea1f60dc 100644 --- a/src/renderer/src/pages/home/components/Message.tsx +++ b/src/renderer/src/pages/home/components/Message.tsx @@ -14,7 +14,6 @@ import { firstLetter } from '@renderer/utils' import { useTranslation } from 'react-i18next' import { isEmpty, upperFirst } from 'lodash' import dayjs from 'dayjs' -import { useAppSelector } from '@renderer/store' import { useAssistant } from '@renderer/hooks/useAssistant' import { useSettings } from '@renderer/hooks/useSettings' @@ -29,12 +28,10 @@ interface Props { const MessageItem: FC = ({ message, index, showMenu, onDeleteMessage }) => { const avatar = useAvatar() const { t } = useTranslation() - const generating = useAppSelector((state) => state.runtime.generating) const { assistant } = useAssistant(message.assistantId) const { userName, showMessageDivider } = useSettings() const isLastMessage = index === 0 - const isUserMessage = message.role === 'user' const canRegenerate = isLastMessage && message.role === 'assistant' const onCopy = () => { @@ -81,10 +78,8 @@ const MessageItem: FC = ({ message, index, showMenu, onDeleteMessage }) = return userName || t('common.you') } - const borderBottom = (isLastMessage && !isUserMessage) || generating || !showMessageDivider ? 'none' : undefined - return ( - + {message.role === 'assistant' ? ( diff --git a/src/renderer/src/pages/home/components/Messages.tsx b/src/renderer/src/pages/home/components/Messages.tsx index 528e3287..4ab5816e 100644 --- a/src/renderer/src/pages/home/components/Messages.tsx +++ b/src/renderer/src/pages/home/components/Messages.tsx @@ -120,6 +120,9 @@ const Container = styled.div` max-height: calc(100vh - var(--input-bar-height) - var(--navbar-height)); padding-top: 10px; padding-bottom: 20px; + .message:first-child { + border: none; + } ` export default Messages