mirror of
https://github.com/JefferyHcool/BiliNote.git
synced 2026-05-06 20:42:52 +08:00
fix(chat): 修复 ChatPanel 不显示的布局问题
- ChatPanel 容器添加 h-full shrink-0 确保有高度且不被压缩 - ScrollArea 从 w-full 改为 flex-1 min-w-0,为 ChatPanel 让出空间 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -221,7 +221,7 @@ const MarkdownViewer: FC<MarkdownViewerProps> = ({ status }) => {
|
|||||||
<div className="flex flex-1 overflow-hidden bg-white py-2">
|
<div className="flex flex-1 overflow-hidden bg-white py-2">
|
||||||
{selectedContent && selectedContent !== 'loading' && selectedContent !== 'empty' ? (
|
{selectedContent && selectedContent !== 'loading' && selectedContent !== 'empty' ? (
|
||||||
<>
|
<>
|
||||||
<ScrollArea className="w-full">
|
<ScrollArea className="min-w-0 flex-1">
|
||||||
<div className={'markdown-body w-full px-2'}>
|
<div className={'markdown-body w-full px-2'}>
|
||||||
<ReactMarkdown
|
<ReactMarkdown
|
||||||
remarkPlugins={[gfm, remarkMath]}
|
remarkPlugins={[gfm, remarkMath]}
|
||||||
@@ -477,7 +477,7 @@ const MarkdownViewer: FC<MarkdownViewerProps> = ({ status }) => {
|
|||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
{showChat && currentTask && (
|
{showChat && currentTask && (
|
||||||
<div className="ml-2 w-2/5">
|
<div className="ml-2 h-full w-2/5 shrink-0">
|
||||||
<ChatPanel taskId={currentTask.id} />
|
<ChatPanel taskId={currentTask.id} />
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user