/[sudobot]/trunk/docs/components/Layouts/DocsLayout.tsx
ViewVC logotype

Diff of /trunk/docs/components/Layouts/DocsLayout.tsx

Parent Directory Parent Directory | Revision Log Revision Log | View Patch Patch

revision 625 by rakinar2, Mon Jul 29 17:59:26 2024 UTC revision 626 by rakinar2, Sat Sep 7 09:38:45 2024 UTC
# Line 1  Line 1 
1  import "prism-themes/themes/prism-coldark-dark.css";  import { Box } from "@mui/material";
2  import { Fragment, PropsWithChildren } from "react";  import { Fragment, PropsWithChildren } from "react";
 import EditButton from "../MDX/EditButton";  
3  import PageInfo from "../MDX/PageInfo";  import PageInfo from "../MDX/PageInfo";
4  import TableOfContents from "../MDX/TableOfContents";  import TableOfContents from "../MDX/TableOfContents";
5  import DocsLinkList from "../Navbar/Sidebar";  import DocsLinkList from "../Navbar/Sidebar";
6  import Navigator from "../Navigation/Navigator";  import Navigator from "../Navigation/Navigator";
 import { Box } from "@mui/material";  
7    
8  export default function DocsLayout({ children }: PropsWithChildren) {  export default function DocsLayout({ children }: PropsWithChildren) {
9      return (      return (
10          <div          <div
11              className="grid lg:grid-cols-[3fr_10fr_2.5fr] md:gap-[50px] mb-10 relative"              className="grid lg:grid-cols-[3fr_10fr_3.5fr] md:gap-[50px] mb-10 relative"
12              id="docs_layout_root"              id="docs_layout_root"
13          >          >
14              <DocsLinkList desktopOnly fragment />              <DocsLinkList desktopOnly fragment />
# Line 20  export default function DocsLayout({ chi Line 18  export default function DocsLayout({ chi
18                      id="article"                      id="article"
19                      className="prose prose-neutral prose-invert prose-code:before:hidden prose-code:after:hidden mt-8 p-3 text-wrap max-w-[100vw] relative"                      className="prose prose-neutral prose-invert prose-code:before:hidden prose-code:after:hidden mt-8 p-3 text-wrap max-w-[100vw] relative"
20                  >                  >
                     <EditButton />  
21                      {children}                      {children}
22                  </article>                  </article>
23                  <br />                  <br />
# Line 31  export default function DocsLayout({ chi Line 28  export default function DocsLayout({ chi
28                  </div>                  </div>
29              </div>              </div>
30    
31              <Box className="hidden lg:block mr-5 fixed right-0 min-w-[16rem] max-w-[20vw] max-h-[calc(100vh-4rem)] overflow-y-scroll pb-8" sx={{              <Box
32                  'scrollbarWidth': 0,                  className="hidden lg:block mr-5 max-h-[calc(100vh-4rem)] overflow-y-scroll pb-8 relative"
33                  '::-webkit-scrollbar': {                  sx={{
34                      display: 'none'                      scrollbarWidth: 0,
35                  }                      "::-webkit-scrollbar": {
36              }}>                          display: "none",
37                  <TableOfContents as={Fragment} />                      },
38                    }}
39                >
40                    <div className="fixed">
41                        <TableOfContents as={Fragment} />
42                    </div>
43              </Box>              </Box>
44          </div>          </div>
45      );      );
Legend:
Removed from v.625  
changed lines
  Added in v.626
[email protected]
 ViewVC Help
Powered by ViewVC 1.1.26