Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: system monitor should not cover input box (#3942)

Browse Source
This commit is contained in:
Faisal Amir 2024-11-04 20:36:25 +07:00 committed by GitHub
parent c6481d4668
commit 92906ea2fa
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/containers/Layout/BottomPanel/SystemMonitor/index.tsx
View File

@ -94,7 +94,7 @@ const SystemMonitor = () => {
<div <div
ref={setElementExpand} ref={setElementExpand}
className={twMerge( className={twMerge(
'fixed bottom-9 left-[49px] z-50 flex w-[calc(100%-48px)] flex-shrink-0 flex-col border-t border-[hsla(var(--app-border))] bg-[hsla(var(--app-bg))]', 'fixed bottom-9 left-[49px] z-50 flex h-[200px] w-[calc(100%-48px)] flex-shrink-0 flex-col border-t border-[hsla(var(--app-border))] bg-[hsla(var(--app-bg))]',
showFullScreen && 'h-[calc(100%-63px)]', showFullScreen && 'h-[calc(100%-63px)]',
reduceTransparent && 'w-[calc(100%-48px)] rounded-none' reduceTransparent && 'w-[calc(100%-48px)] rounded-none'
)} )}

10
web/screens/Thread/ThreadCenterPanel/index.tsx
View File

@ -25,6 +25,7 @@ import ChatBody from '@/screens/Thread/ThreadCenterPanel/ChatBody'
import ChatInput from './ChatInput' import ChatInput from './ChatInput'
import RequestDownloadModel from './RequestDownloadModel' import RequestDownloadModel from './RequestDownloadModel'
import { showSystemMonitorPanelAtom } from '@/helpers/atoms/App.atom'
import { experimentalFeatureEnabledAtom } from '@/helpers/atoms/AppConfig.atom' import { experimentalFeatureEnabledAtom } from '@/helpers/atoms/AppConfig.atom'
import { activeThreadAtom } from '@/helpers/atoms/Thread.atom' import { activeThreadAtom } from '@/helpers/atoms/Thread.atom'
@ -144,6 +145,8 @@ const ThreadCenterPanel = () => {
const isGeneratingResponse = useAtomValue(isGeneratingResponseAtom) const isGeneratingResponse = useAtomValue(isGeneratingResponseAtom)
const showSystemMonitorPanel = useAtomValue(showSystemMonitorPanelAtom)
return ( return (
<CenterPanelContainer> <CenterPanelContainer>
<div <div
@ -188,7 +191,12 @@ const ThreadCenterPanel = () => {
</div> </div>
</div> </div>
)} )}
<div className="flex h-full w-full flex-col justify-between"> <div
className={twMerge(
'flex h-full w-full flex-col justify-between',
showSystemMonitorPanel && 'h-[calc(100%-200px)]'
)}
>
{activeThread ? ( {activeThread ? (
<div className="flex h-full w-full overflow-x-hidden"> <div className="flex h-full w-full overflow-x-hidden">
<ChatBody /> <ChatBody />