wanwu/deer-flow
1
0
Fork 0
mirror of https://gitee.com/wanwujie/deer-flow synced 2026-04-19 04:14:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: adjust styles

Browse Source
This commit is contained in:
Henry Li
2026-01-22 11:42:25 +08:00
parent 54710960cb
commit 93842e81a4
2 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -163,7 +163,7 @@ export default function ChatPage() {
</div> </div>
)} )}
<div className="absolute -top-4 right-0 left-0 z-0"> <div className="absolute -top-4 right-0 left-0 z-0">
<div className="absolute right-0 bottom-0 left-0 px-4"> <div className="absolute right-0 bottom-0 left-0">
<TodoList <TodoList
className="bg-background/5" className="bg-background/5"
todos={thread.values.todos ?? []} todos={thread.values.todos ?? []}

17
frontend/src/components/workspace/todo-list.tsx
View File

@@ -1,4 +1,4 @@
import { ChevronUpIcon } from "lucide-react"; import { ChevronUpIcon, ListTodoIcon } from "lucide-react";
import type { Todo } from "@/core/todos"; import type { Todo } from "@/core/todos";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
@@ -26,18 +26,25 @@ export function TodoList({
return ( return (
<div <div
className={cn( className={cn(
"flex h-fit w-full origin-bottom flex-col overflow-hidden rounded-t-xl border border-b-0 bg-white backdrop-blur-sm transition-all duration-200 ease-out", "flex h-fit w-full origin-bottom translate-y-4 flex-col overflow-hidden rounded-t-xl border border-b-0 bg-white backdrop-blur-sm transition-all duration-200 ease-out",
hidden ? "pointer-events-none translate-y-8 opacity-0" : "", hidden ? "pointer-events-none translate-y-8 opacity-0" : "",
className, className,
)} )}
> >
<header <header
className="bg-accent flex min-h-8 shrink-0 cursor-pointer items-center justify-between px-4 text-sm transition-all duration-300 ease-out" className={cn(
"bg-accent flex min-h-8 shrink-0 cursor-pointer items-center justify-between px-4 text-sm transition-all duration-300 ease-out",
)}
onClick={() => { onClick={() => {
onToggle?.(); onToggle?.();
}} }}
> >
<div className="text-muted-foreground">To-dos</div> <div className="text-muted-foreground">
<div className="flex items-center justify-center gap-2">
<ListTodoIcon className="size-4" />
<div>To-dos</div>
</div>
</div>
<div> <div>
<ChevronUpIcon <ChevronUpIcon
className={cn( className={cn(
@@ -50,7 +57,7 @@ export function TodoList({
<main <main
className={cn( className={cn(
"bg-accent flex grow px-2 transition-all duration-300 ease-out", "bg-accent flex grow px-2 transition-all duration-300 ease-out",
collapsed ? "h-0" : "h-28", collapsed ? "h-0 pb-3" : "h-28 pb-4",
)} )}
> >
<QueueList className="bg-background mt-0 w-full rounded-t-xl"> <QueueList className="bg-background mt-0 w-full rounded-t-xl">