refactor(layout): update container class for documentation

This commit is contained in:
Anish Sarkar 2026-06-13 23:00:53 +05:30
parent 9eefcd23b7
commit 3ba92dca13

View file

@ -8,12 +8,15 @@ const gridTemplate = `"sidebar header toc"
"sidebar toc-popover toc"
"sidebar main toc" 1fr / var(--fd-sidebar-col) minmax(0, 1fr) min-content`;
const docsSurfaceClass =
"bg-main-panel [--color-fd-background:var(--main-panel)] [--color-fd-card:var(--main-panel)] [--color-fd-popover:var(--main-panel)] [--color-fd-muted:var(--main-panel)] [--color-fd-secondary:var(--main-panel)]";
export default function Layout({ children }: { children: ReactNode }) {
return (
<DocsLayout
tree={source.pageTree}
{...baseOptions}
containerProps={{ style: { gridTemplate }, className: "bg-fd-card" }}
containerProps={{ style: { gridTemplate }, className: docsSurfaceClass }}
sidebar={{
components: {
Separator: SidebarSeparator,