40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
import Content from './content';
|
|
import Sidebar from './sidebar';
|
|
import Toc from './toc';
|
|
import { Menu } from '@nrwl/nx-dev/data-access-menu';
|
|
|
|
export interface DocumentationFeatureDocViewerProps {
|
|
menu: Menu;
|
|
content: any;
|
|
toc: any;
|
|
}
|
|
|
|
export function DocViewer({
|
|
content,
|
|
menu,
|
|
}: DocumentationFeatureDocViewerProps) {
|
|
return (
|
|
<div className="w-full max-w-screen-xl max-w-8xl mx-auto">
|
|
<div className="lg:flex">
|
|
<Sidebar menu={menu} />
|
|
<div
|
|
id="content-wrapper"
|
|
className="min-w-0 w-full flex-auto lg:static lg:max-h-full lg:overflow-visible"
|
|
>
|
|
<div className="w-full flex">
|
|
<Content data={content} />
|
|
<div className="hidden xl:text-sm xl:block flex-none w-64 pl-8 mr-8">
|
|
<div className="flex flex-col justify-between overflow-y-auto sticky max-h-(screen-18) pt-10 pb-6 top-18">
|
|
<Toc />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default DocViewer;
|