35 lines
1.0 KiB
TypeScript
35 lines
1.0 KiB
TypeScript
"use client"// app/dashboard/layout.tsx
|
|
import Sidebar from "@/components/dashboard/sidebar";
|
|
import Navbar from "@/components/dashboard/navbar";
|
|
import { Sparkles } from "lucide-react";
|
|
|
|
export default function DashboardLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<div className="min-h-screen bg-[#071321] text-white flex">
|
|
{/* Shared Sidebar */}
|
|
<Sidebar />
|
|
|
|
<div className="flex-1 flex flex-col min-h-screen">
|
|
{/* Shared Navbar */}
|
|
<Navbar />
|
|
|
|
{/* The active page content renders here */}
|
|
<main className="flex-1 pl-68 bg-[#071321]">
|
|
{children}
|
|
</main>
|
|
</div>
|
|
|
|
{/* Shared Ask AI Floating Button */}
|
|
<button className="fixed bottom-4 right-4 z-40 flex items-center gap-2
|
|
rounded-full bg-[#17d4bd] hover:bg-[#13b19e] px-4 py-2.5 text-xs
|
|
font-bold text-[#05111d] transition shadow-lg shadow-[#17d4bd]/20">
|
|
<Sparkles size={14} className="animate-pulse" />
|
|
<span>Ask AI</span>
|
|
</button>
|
|
</div>
|
|
);
|
|
} |