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
ref={setElementExpand}
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)]',
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 RequestDownloadModel from './RequestDownloadModel'
import { showSystemMonitorPanelAtom } from '@/helpers/atoms/App.atom'
import { experimentalFeatureEnabledAtom } from '@/helpers/atoms/AppConfig.atom'
import { activeThreadAtom } from '@/helpers/atoms/Thread.atom'
@ -144,6 +145,8 @@ const ThreadCenterPanel = () => {
const isGeneratingResponse = useAtomValue(isGeneratingResponseAtom)
const showSystemMonitorPanel = useAtomValue(showSystemMonitorPanelAtom)
return (
<CenterPanelContainer>
<div
@ -188,7 +191,12 @@ const ThreadCenterPanel = () => {
</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 ? (
<div className="flex h-full w-full overflow-x-hidden">
<ChatBody />