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 12:39:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(page): adjust grid layout and visibility classes

Browse Source
This commit is contained in:
Shi Tianxin 2025-04-29 11:08:54 +08:00
parent 7ea5c3ece6
commit 35eef5fe11
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -129,7 +129,7 @@ function Jumbotron() {
</span> </span>
<AuroraText>at Your Fingertips</AuroraText> <AuroraText>at Your Fingertips</AuroraText>
</h1> </h1>
<p className="max-w-4xl text-center text-2xl font-light opacity-75"> <p className="hidden max-w-4xl text-center text-2xl font-light opacity-75 md:block">
Discover the revolutionary Multi-Agent Research Assistant that Discover the revolutionary Multi-Agent Research Assistant that
empowers you to dive deeper and wider into any subject. Equipped with empowers you to dive deeper and wider into any subject. Equipped with
the powerful tools like search engines, crawlers, Python, and MCP the powerful tools like search engines, crawlers, Python, and MCP
@ -290,7 +290,7 @@ const features = [
background: ( background: (
<img alt="background" className="absolute -top-20 -right-20 opacity-60" /> <img alt="background" className="absolute -top-20 -right-20 opacity-60" />
), ),
className: "lg:col-start-3 lg:col-end-3 lg:row-start-1 lg:row-end-2", className: "lg:col-start-2 lg:col-end-3 lg:row-start-1 lg:row-end-2",
}, },
{ {
Icon: Usb, Icon: Usb,
@ -302,7 +302,7 @@ const features = [
background: ( background: (
<img alt="background" className="absolute -top-20 -right-20 opacity-60" /> <img alt="background" className="absolute -top-20 -right-20 opacity-60" />
), ),
className: "lg:col-start-3 lg:col-end-3 lg:row-start-2 lg:row-end-3", className: "lg:col-start-2 lg:col-end-3 lg:row-start-2 lg:row-end-3",
}, },
{ {
Icon: Podcast, Icon: Podcast,
@ -314,7 +314,7 @@ const features = [
background: ( background: (
<img alt="background" className="absolute -top-20 -right-20 opacity-60" /> <img alt="background" className="absolute -top-20 -right-20 opacity-60" />
), ),
className: "lg:col-start-3 lg:col-end-3 lg:row-start-3 lg:row-end-4", className: "lg:col-start-2 lg:col-end-3 lg:row-start-3 lg:row-end-4",
}, },
]; ];
@ -325,7 +325,7 @@ function CoreFeatureSection() {
title="Core Features" title="Core Features"
description="Find out what makes DeerFlow effective." description="Find out what makes DeerFlow effective."
/> />
<BentoGrid className="w-full lg:grid-rows-3"> <BentoGrid className="w-3/4 lg:grid-cols-2 lg:grid-rows-3">
{features.map((feature) => ( {features.map((feature) => (
<BentoCard key={feature.name} {...feature} /> <BentoCard key={feature.name} {...feature} />
))} ))}

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

@ -23,7 +23,7 @@ const BentoGrid = ({ children, className, ...props }: BentoGridProps) => {
return ( return (
<div <div
className={cn( className={cn(
"grid w-full auto-rows-[22rem] grid-cols-3 gap-4", "grid w-full auto-rows-[22rem] grid-cols-2 gap-4",
className, className,
)} )}
{...props} {...props}