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 toc-popover toc"
"sidebar main toc" 1fr / var(--fd-sidebar-col) minmax(0, 1fr) min-content`; "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 }) { export default function Layout({ children }: { children: ReactNode }) {
return ( return (
<DocsLayout <DocsLayout
tree={source.pageTree} tree={source.pageTree}
{...baseOptions} {...baseOptions}
containerProps={{ style: { gridTemplate }, className: "bg-fd-card" }} containerProps={{ style: { gridTemplate }, className: docsSurfaceClass }}
sidebar={{ sidebar={{
components: { components: {
Separator: SidebarSeparator, Separator: SidebarSeparator,