Mark Henderson
aaa3f51592
- Add Google Fonts (Newsreader/Outfit/IBM Plex Mono) + warm beige CSS palette - New VIBNSidebar: Stackless-style 220px sidebar with project list + user footer - New ProjectShell: project header with name/status/progress% + tab bar - Tabs: Atlas → PRD → Design → Build → Deploy → Settings - New /prd page: section-by-section progress view - New /build page: locked until PRD complete - Projects list page: Stackless-style row layout - Simplify overview page to just render AtlasChat Made-with: Cursor
31 lines
823 B
TypeScript
31 lines
823 B
TypeScript
"use client";
|
|
|
|
import { VIBNSidebar } from "@/components/layout/vibn-sidebar";
|
|
import { ProjectAssociationPrompt } from "@/components/project-association-prompt";
|
|
import { ReactNode } from "react";
|
|
import { useParams } from "next/navigation";
|
|
import { Toaster } from "sonner";
|
|
|
|
export default function ProjectsLayout({
|
|
children,
|
|
}: {
|
|
children: ReactNode;
|
|
}) {
|
|
const params = useParams();
|
|
const workspace = params.workspace as string;
|
|
|
|
return (
|
|
<>
|
|
<div style={{ display: "flex", height: "100vh", background: "#f6f4f0", overflow: "hidden" }}>
|
|
<VIBNSidebar workspace={workspace} />
|
|
<main style={{ flex: 1, overflow: "auto" }}>
|
|
{children}
|
|
</main>
|
|
</div>
|
|
<ProjectAssociationPrompt workspace={workspace} />
|
|
<Toaster position="top-center" />
|
|
</>
|
|
);
|
|
}
|
|
|