mirror of
https://github.com/bytedance/deer-flow.git
synced 2026-08-16 01:38:53 +00:00
7a985f441c
* fix(frontend): address mobile workspace polish blockers * fix(frontend): prevent mobile landing overflow * fix(frontend): keep landing sections within mobile viewport Section titles used a fixed text-5xl with no word breaking, and the <section> flex items had default min-width:auto, so wider Linux font metrics in CI pushed content past the viewport (scrollWidth 345 > 320). Make titles/subtitles responsive with break-words, constrain section width with min-w-0, and add an overflow-x-clip guard on the page root. * fix(frontend): address review feedback on mobile landing PR - add hamburger Sheet nav below sm: so mobile users keep docs/blog access - switch useIsMobile to useSyncExternalStore to avoid hydration swap flash - memoize artifactContent so it isn't rebuilt on every streamed token - use slot-based key in HeroWordRotate; drop flex-wrap so SuperAgent never orphans at 320px - delete unused word-rotate.tsx dead code - move section gutter to <main> for a uniform mobile padding contract - harden e2e: per-viewport overflow tests, locale-stable artifact selector, focus-ring asserts light vs dark differ --------- Co-authored-by: Willem Jiang <willem.jiang@gmail.com>
26 lines
959 B
TypeScript
26 lines
959 B
TypeScript
import { Footer } from "@/components/landing/footer";
|
|
import { Header } from "@/components/landing/header";
|
|
import { Hero } from "@/components/landing/hero";
|
|
import { CaseStudySection } from "@/components/landing/sections/case-study-section";
|
|
import { CommunitySection } from "@/components/landing/sections/community-section";
|
|
import { SandboxSection } from "@/components/landing/sections/sandbox-section";
|
|
import { SkillsSection } from "@/components/landing/sections/skills-section";
|
|
import { WhatsNewSection } from "@/components/landing/sections/whats-new-section";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<div className="min-h-screen w-full overflow-x-clip bg-[#0a0a0a]">
|
|
<Header />
|
|
<main className="flex w-full flex-col">
|
|
<Hero />
|
|
<CaseStudySection />
|
|
<SkillsSection />
|
|
<SandboxSection />
|
|
<WhatsNewSection />
|
|
<CommunitySection />
|
|
</main>
|
|
<Footer />
|
|
</div>
|
|
);
|
|
}
|