style: Adjust layout class names for consistency

This commit is contained in:
Shi Tianxin
2025-04-28 11:44:18 +08:00
parent 6b45e17714
commit 1e83a40335
3 changed files with 5 additions and 5 deletions

View File

@@ -21,8 +21,8 @@ const Main = dynamic(() => import("./main"), { ssr: false });
export default function HomePage() { export default function HomePage() {
const { isReplay } = useReplay(); const { isReplay } = useReplay();
return ( return (
<div className="flex h-full w-full justify-center"> <div className="flex h-screen w-screen justify-center overscroll-none">
<header className="fixed top-0 left-0 flex h-12 w-full w-screen items-center justify-between px-4"> <header className="fixed top-0 left-0 flex h-12 w-full items-center justify-between px-4">
<Logo /> <Logo />
<div className="flex items-center"> <div className="flex items-center">
<Tooltip title="Star DeerFlow on GitHub"> <Tooltip title="Star DeerFlow on GitHub">

View File

@@ -26,7 +26,7 @@ export default function RootLayout({
}: Readonly<{ children: React.ReactNode }>) { }: Readonly<{ children: React.ReactNode }>) {
return ( return (
<html lang="en" className={`${geist.variable}`} suppressHydrationWarning> <html lang="en" className={`${geist.variable}`} suppressHydrationWarning>
<body className="bg-app h-screen w-screen overscroll-none"> <body className="bg-app">
<ThemeProviderWrapper> <ThemeProviderWrapper>
<TooltipProvider>{children}</TooltipProvider> <TooltipProvider>{children}</TooltipProvider>
</ThemeProviderWrapper> </ThemeProviderWrapper>

View File

@@ -29,7 +29,7 @@ import { Button } from "~/components/ui/button";
export default function HomePage() { export default function HomePage() {
return ( return (
<div className="dark flex flex-col items-center overflow-x-hidden"> <div className="flex flex-col items-center">
<Header /> <Header />
<main className="container flex flex-col items-center justify-center gap-56"> <main className="container flex flex-col items-center justify-center gap-56">
<Jumbotron /> <Jumbotron />
@@ -323,7 +323,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="h-[75vh] w-full lg:grid-rows-3"> <BentoGrid className="w-full lg:grid-rows-3">
{features.map((feature) => ( {features.map((feature) => (
<BentoCard key={feature.name} {...feature} /> <BentoCard key={feature.name} {...feature} />
))} ))}