mirror of
https://git.mirrors.martin98.com/https://github.com/bytedance/deer-flow
synced 2025-08-20 12:39:15 +08:00
style(page): adjust grid layout and visibility classes
This commit is contained in:
parent
7ea5c3ece6
commit
35eef5fe11
@ -129,7 +129,7 @@ function Jumbotron() {
|
||||
</span>
|
||||
<AuroraText>at Your Fingertips</AuroraText>
|
||||
</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
|
||||
empowers you to dive deeper and wider into any subject. Equipped with
|
||||
the powerful tools like search engines, crawlers, Python, and MCP
|
||||
@ -290,7 +290,7 @@ const features = [
|
||||
background: (
|
||||
<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,
|
||||
@ -302,7 +302,7 @@ const features = [
|
||||
background: (
|
||||
<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,
|
||||
@ -314,7 +314,7 @@ const features = [
|
||||
background: (
|
||||
<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"
|
||||
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) => (
|
||||
<BentoCard key={feature.name} {...feature} />
|
||||
))}
|
||||
|
@ -23,7 +23,7 @@ const BentoGrid = ({ children, className, ...props }: BentoGridProps) => {
|
||||
return (
|
||||
<div
|
||||
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,
|
||||
)}
|
||||
{...props}
|
||||
|
Loading…
x
Reference in New Issue
Block a user