Skip to content

Commit 588eb2b

Browse files
Copilothuangyiirene
andcommitted
Fix docs sidebar height issue with CSS override
Co-authored-by: huangyiirene <7665279+huangyiirene@users.noreply.github.com>
1 parent 3911242 commit 588eb2b

File tree

2 files changed

+14
-1
lines changed

2 files changed

+14
-1
lines changed

apps/site/app/docs/layout.tsx

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,13 @@ import { DocsLayout } from 'fumadocs-ui/layouts/docs';
44

55
export default function Layout({ children }: { children: ReactNode }) {
66
return (
7-
<DocsLayout tree={source.pageTree} nav={{ title: 'Object UI' }}>
7+
<DocsLayout
8+
tree={source.pageTree}
9+
nav={{ title: 'Object UI' }}
10+
sidebar={{
11+
defaultOpenLevel: 1,
12+
}}
13+
>
814
{children}
915
</DocsLayout>
1016
);

apps/site/app/global.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,10 @@
11
@tailwind base;
22
@tailwind components;
33
@tailwind utilities;
4+
5+
/* Fix for docs sidebar height - ensure it extends to full viewport */
6+
aside[role="complementary"],
7+
[role="complementary"] {
8+
inset-block-end: 0 !important;
9+
height: 100vh !important;
10+
}

0 commit comments

Comments
 (0)