GitHub-Proxy/deer-flow
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/bytedance/deer-flow synced 2025-08-20 19:29:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' of code.byted.org:langmanus/deer-flow

Browse Source
This commit is contained in:
Li Xin 2025-04-29 14:12:43 +08:00
commit a29585d845
2 changed files with 9 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
web/src/app/page.tsx
View File

@ -48,9 +48,9 @@ export default function HomePage() {
function Header() { function Header() {
return ( return (
<header className="supports-backdrop-blur:bg-background/80 bg-background/40 sticky top-0 left-0 z-40 flex h-15 w-full flex-col items-center backdrop-blur-lg"> <header className="supports-backdrop-blur:bg-background/80 bg-background/40 sticky top-0 left-0 z-40 flex h-15 w-full flex-col items-center backdrop-blur-lg">
<div className="container flex h-15 items-center justify-between"> <div className="container flex h-15 items-center justify-between px-3">
<div className="text-xl font-medium"> <div className="text-xl font-medium">
<span className="mr-1">🦌</span> <span className="mr-1 text-2xl">🦌</span>
<span>DeerFlow</span> <span>DeerFlow</span>
</div> </div>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
@ -72,7 +72,7 @@ function Footer() {
<footer className="container mt-32 flex flex-col items-center justify-center"> <footer className="container mt-32 flex flex-col items-center justify-center">
<hr className="from-border/0 via-border/70 to-border/0 m-0 h-px w-full border-none bg-gradient-to-r" /> <hr className="from-border/0 via-border/70 to-border/0 m-0 h-px w-full border-none bg-gradient-to-r" />
<div className="text-muted-foreground container flex h-20 flex-col items-center justify-center text-sm"> <div className="text-muted-foreground container flex h-20 flex-col items-center justify-center text-sm">
<p className="font-serif text-xl"> <p className="text-center font-serif text-lg md:text-xl">
&quot;Originated from Open Source, give back to Open Source.&quot; &quot;Originated from Open Source, give back to Open Source.&quot;
</p> </p>
</div> </div>
@ -215,12 +215,9 @@ function CaseStudySection() {
title="Case Studies" title="Case Studies"
description="See DeerFlow in action through replays." description="See DeerFlow in action through replays."
/> />
<div className="flex w-full flex-wrap"> <div className="grid w-3/4 grid-cols-1 gap-2 sm:w-full sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
{caseStudies.map((caseStudy) => ( {caseStudies.map((caseStudy) => (
<div <div key={caseStudy.title} className="w-full p-2">
key={caseStudy.title}
className="w-full p-2 sm:w-1/2 md:w-1/3 lg:w-[25%]"
>
<BentoCard <BentoCard
{...{ {...{
Icon: caseStudy.icon, Icon: caseStudy.icon,
@ -228,13 +225,7 @@ function CaseStudySection() {
description: caseStudy.description, description: caseStudy.description,
href: "/", href: "/",
cta: "Learn more", cta: "Learn more",
className: "w-full h-[320px]", className: "w-full h-full",
background: (
<img
alt="background"
className="absolute -top-20 -right-20 opacity-60"
/>
),
}} }}
/> />
</div> </div>

9
web/src/components/magicui/bento-grid.tsx
View File

@ -12,7 +12,7 @@ interface BentoGridProps extends ComponentPropsWithoutRef<"div"> {
interface BentoCardProps extends ComponentPropsWithoutRef<"div"> { interface BentoCardProps extends ComponentPropsWithoutRef<"div"> {
name: string; name: string;
className: string; className: string;
background: ReactNode; background?: ReactNode;
Icon: React.ElementType; Icon: React.ElementType;
description: string; description: string;
href: string; href: string;
@ -22,10 +22,7 @@ interface BentoCardProps extends ComponentPropsWithoutRef<"div"> {
const BentoGrid = ({ children, className, ...props }: BentoGridProps) => { const BentoGrid = ({ children, className, ...props }: BentoGridProps) => {
return ( return (
<div <div
className={cn( className={cn("grid w-full auto-rows-auto grid-cols-2 gap-4", className)}
"grid w-full auto-rows-[22rem] grid-cols-2 gap-4",
className,
)}
{...props} {...props}
> >
{children} {children}
@ -55,7 +52,7 @@ const BentoCard = ({
)} )}
{...props} {...props}
> >
<div>{background}</div> {background && <div>{background}</div>}
<div className="pointer-events-none z-10 flex transform-gpu flex-col gap-1 p-6 transition-all duration-300 group-hover:-translate-y-5"> <div className="pointer-events-none z-10 flex transform-gpu flex-col gap-1 p-6 transition-all duration-300 group-hover:-translate-y-5">
<Icon className="h-12 w-12 origin-left transform-gpu text-neutral-700 transition-all duration-300 ease-in-out group-hover:scale-60" /> <Icon className="h-12 w-12 origin-left transform-gpu text-neutral-700 transition-all duration-300 ease-in-out group-hover:scale-60" />
<h3 className="text-xl font-semibold text-neutral-700 dark:text-neutral-300"> <h3 className="text-xl font-semibold text-neutral-700 dark:text-neutral-300">