mirror of
https://gitee.com/wanwujie/deer-flow
synced 2026-04-03 14:22:13 +08:00
feat: remove background
This commit is contained in:
@@ -1,10 +1,5 @@
|
||||
"use client";
|
||||
|
||||
import { usePathname } from "next/navigation";
|
||||
import { useTheme } from "next-themes";
|
||||
import { useMemo } from "react";
|
||||
|
||||
import { FlickeringGrid } from "@/components/ui/flickering-grid";
|
||||
import { ArtifactsProvider } from "@/components/workspace/artifacts";
|
||||
|
||||
export default function ChatLayout({
|
||||
@@ -12,38 +7,5 @@ export default function ChatLayout({
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
const pathname = usePathname();
|
||||
const isNewThread = useMemo(() => {
|
||||
return pathname === "/workspace/chats/new";
|
||||
}, [pathname]);
|
||||
const { resolvedTheme } = useTheme();
|
||||
return (
|
||||
<ArtifactsProvider>
|
||||
{isNewThread && (
|
||||
<>
|
||||
<FlickeringGrid
|
||||
className="absolute inset-0 z-0 translate-y-[2vh] mask-center mask-no-repeat"
|
||||
squareSize={4}
|
||||
gridGap={4}
|
||||
color={
|
||||
resolvedTheme === "dark" ? "#60A5FA" : "oklch(0 0.0098 87.47)"
|
||||
}
|
||||
maxOpacity={resolvedTheme === "dark" ? 0.04 : 0.015}
|
||||
flickerChance={0.1}
|
||||
/>
|
||||
<FlickeringGrid
|
||||
className="absolute inset-0 z-0 translate-y-[2vh] mask-[url(/images/deer.svg)] mask-size-[100vw] mask-center mask-no-repeat md:mask-size-[72vh]"
|
||||
squareSize={4}
|
||||
gridGap={4}
|
||||
color={
|
||||
resolvedTheme === "dark" ? "#60A5FA" : "oklch(0 0.0098 87.47)"
|
||||
}
|
||||
maxOpacity={resolvedTheme === "dark" ? 0.15 : 0.075}
|
||||
flickerChance={0.12}
|
||||
/>
|
||||
</>
|
||||
)}
|
||||
{children}
|
||||
</ArtifactsProvider>
|
||||
);
|
||||
return <ArtifactsProvider>{children}</ArtifactsProvider>;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user