GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2026-03-24 06:55:42 -05:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

components: semantic web for main components

Browse Source
This commit is contained in:
vanadium23 2024-11-30 00:16:08 +03:00
parent fc901e1084
commit 799c8c4fc1
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
quartz/components/Explorer.tsx
View File

@ -112,12 +112,12 @@ export default ((userOpts?: Partial<Options>) => {
<polyline points="6 9 12 15 18 9"></polyline> <polyline points="6 9 12 15 18 9"></polyline>
</svg> </svg>
</button> </button>
<div id="explorer-content"> <nav id="explorer-content">
<ul class="overflow" id="explorer-ul"> <ul class="overflow" id="explorer-ul">
<ExplorerNode node={fileTree} opts={opts} fileData={fileData} /> <ExplorerNode node={fileTree} opts={opts} fileData={fileData} />
<li id="explorer-end" /> <li id="explorer-end" />
</ul> </ul>
</div> </nav>
</div> </div>
) )
} }

12
quartz/components/renderPage.tsx
View File

@ -202,19 +202,19 @@ export function renderPage(
const Body = BodyConstructor() const Body = BodyConstructor()
const LeftComponent = ( const LeftComponent = (
<div class="left sidebar"> <aside class="left sidebar">
{left.map((BodyComponent) => ( {left.map((BodyComponent) => (
<BodyComponent {...componentData} /> <BodyComponent {...componentData} />
))} ))}
</div> </aside>
) )
const RightComponent = ( const RightComponent = (
<div class="right sidebar"> <aside class="right sidebar">
{right.map((BodyComponent) => ( {right.map((BodyComponent) => (
<BodyComponent {...componentData} /> <BodyComponent {...componentData} />
))} ))}
</div> </aside>
) )
const lang = componentData.fileData.frontmatter?.lang ?? cfg.locale?.split("-")[0] ?? "en" const lang = componentData.fileData.frontmatter?.lang ?? cfg.locale?.split("-")[0] ?? "en"
@ -230,7 +230,7 @@ export function renderPage(
</Header> </Header>
<Body {...componentData}> <Body {...componentData}>
{LeftComponent} {LeftComponent}
<div class="center"> <main class="center">
<div class="page-header"> <div class="page-header">
<div class="popover-hint"> <div class="popover-hint">
{beforeBody.map((BodyComponent) => ( {beforeBody.map((BodyComponent) => (
@ -245,7 +245,7 @@ export function renderPage(
<BodyComponent {...componentData} /> <BodyComponent {...componentData} />
))} ))}
</div> </div>
</div> </main>
{RightComponent} {RightComponent}
<Footer {...componentData} /> <Footer {...componentData} />
</Body> </Body>