42 lines
1.6 KiB
TypeScript
42 lines
1.6 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { Geist, Geist_Mono } from "next/font/google";
|
|
import "./globals.css";
|
|
import Sidebar from "@/components/Sidebar";
|
|
import Link from "next/link";
|
|
|
|
const geistSans = Geist({ variable: "--font-geist-sans", subsets: ["latin"] });
|
|
const geistMono = Geist_Mono({ variable: "--font-geist-mono", subsets: ["latin"] });
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Arbitrage Engine",
|
|
description: "Funding rate arbitrage monitoring system",
|
|
};
|
|
|
|
export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
|
|
return (
|
|
<html lang="zh">
|
|
<body className={`${geistSans.variable} ${geistMono.variable} antialiased min-h-screen bg-slate-50 text-slate-900`}>
|
|
<div className="flex min-h-screen">
|
|
<Sidebar />
|
|
<div className="flex-1 flex flex-col min-w-0">
|
|
{/* 桌面端顶栏：右上角登录注册 */}
|
|
<header className="hidden md:flex items-center justify-end px-6 py-3 bg-white border-b border-slate-200 gap-3">
|
|
<Link href="/login"
|
|
className="text-sm text-slate-600 hover:text-blue-600 px-3 py-1.5 rounded-lg border border-slate-200 hover:border-blue-300 transition-colors">
|
|
登录
|
|
</Link>
|
|
<Link href="/register"
|
|
className="text-sm text-white bg-blue-600 hover:bg-blue-700 px-3 py-1.5 rounded-lg transition-colors font-medium">
|
|
注册
|
|
</Link>
|
|
</header>
|
|
<main className="flex-1 p-4 md:p-6 pt-16 md:pt-6">
|
|
{children}
|
|
</main>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|