skills
/
deerflow2
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: make artifact "floating"

This commit is contained in:
Henry Li 2026-01-21 08:50:15 +08:00
parent adfce3c79c
commit 28d724d55a
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/app/workspace/chats/[thread_id]/page.tsx
View File

@ -98,7 +98,7 @@ export default function ChatPage() {
<ResizablePanel
className="relative"
defaultSize={artifactsOpen ? 46 : 100}
minSize={30}
minSize={artifactsOpen ? 30 : 100}
>
<div className="relative flex size-full min-h-0 justify-between">
<header className="bg-background/80 absolute top-0 right-0 left-0 z-30 flex h-12 shrink-0 items-center px-4 backdrop-blur">
@ -168,7 +168,7 @@ export default function ChatPage() {
</ResizablePanel>
<ResizableHandle
className={cn(
"transition-opacity duration-300",
"opacity-33 hover:opacity-100",
!artifactsOpen && "pointer-events-none opacity-0",
)}
/>
@ -179,10 +179,11 @@ export default function ChatPage() {
)}
defaultSize={artifactsOpen ? 64 : 0}
minSize={0}
maxSize={artifactsOpen ? undefined : 0}
>
<div
className={cn(
"h-full transition-transform duration-300 ease-in-out",
"h-full p-4 transition-transform duration-300 ease-in-out",
artifactsOpen ? "translate-x-0" : "translate-x-full",
)}
>

2
frontend/src/components/workspace/artifacts/artifact-file-detail.tsx
View File

@ -79,7 +79,7 @@ export function ArtifactFileDetail({
}
}, [previewable]);
return (
<Artifact className={cn("rounded-none", className)}>
<Artifact className={cn(className)}>
<ArtifactHeader className="px-2">
<div className="flex items-center gap-2">
<ArtifactTitle>