GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-28 07:14:05 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(layout): make header outside of center

Browse Source 
* make header above all content
* make beforeBody --> pageHeader
This commit is contained in:
vanadium23 2024-12-01 22:36:51 +03:00
parent fafdb2719a
commit cfcce875a9
7 changed files with 10 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
quartz.layout.ts
View File

@ -16,8 +16,7 @@ export const sharedPageComponents: SharedLayout = {
// components for pages that display a single page (e.g. a single note)
export const defaultContentPageLayout: PageLayout = {
pageHeader: [],
beforeBody: [
pageHeader: [
Component.Breadcrumbs(),
Component.ArticleTitle(),
Component.ContentMeta(),
@ -39,8 +38,7 @@ export const defaultContentPageLayout: PageLayout = {
// components for pages that display lists of pages (e.g. tags or folders)
export const defaultListPageLayout: PageLayout = {
pageHeader: [],
beforeBody: [Component.Breadcrumbs(), Component.ArticleTitle(), Component.ContentMeta()],
pageHeader: [Component.Breadcrumbs(), Component.ArticleTitle(), Component.ContentMeta()],
left: [
Component.PageTitle(),
Component.MobileOnly(Component.Spacer()),

3
quartz/cfg.ts
View File

@ -86,7 +86,6 @@ export interface FullPageLayout {
head: QuartzComponent
header: QuartzComponent[]
pageHeader: QuartzComponent[]
beforeBody: QuartzComponent[]
pageBody: QuartzComponent
afterBody: QuartzComponent[]
left: QuartzComponent[]
@ -94,5 +93,5 @@ export interface FullPageLayout {
footer: QuartzComponent
}
export type PageLayout = Pick<FullPageLayout, "pageHeader" | "beforeBody" | "left" | "right">
export type PageLayout = Pick<FullPageLayout, "pageHeader" | "left" | "right">
export type SharedLayout = Pick<FullPageLayout, "head" | "header" | "footer" | "afterBody">

9
quartz/components/renderPage.tsx
View File

@ -13,7 +13,6 @@ interface RenderComponents {
head: QuartzComponent
header: QuartzComponent[]
pageHeader: QuartzComponent[]
beforeBody: QuartzComponent[]
pageBody: QuartzComponent
afterBody: QuartzComponent[]
left: QuartzComponent[]
@ -193,7 +192,6 @@ export function renderPage(
head: Head,
header,
pageHeader,
beforeBody,
pageBody: Content,
afterBody,
left,
@ -234,13 +232,8 @@ export function renderPage(
{LeftComponent}
<section class="center">
<div class="page-header">
<Header {...componentData}>
{pageHeader.map((HeaderComponent) => (
<HeaderComponent {...componentData} />
))}
</Header>
<div class="popover-hint">
{beforeBody.map((BodyComponent) => (
{pageHeader.map((BodyComponent) => (
<BodyComponent {...componentData} />
))}
</div>

1
quartz/plugins/emitters/404.tsx
View File

@ -16,7 +16,6 @@ export const NotFoundPage: QuartzEmitterPlugin = () => {
...sharedPageComponents,
pageBody: NotFound(),
pageHeader: [],
beforeBody: [],
left: [],
right: [],
}

4
quartz/plugins/emitters/contentPage.tsx
View File

@ -59,7 +59,7 @@ export const ContentPage: QuartzEmitterPlugin<Partial<FullPageLayout>> = (userOp
...userOpts,
}
const { head: Head, header, beforeBody, pageBody, afterBody, left, right, footer: Footer } = opts
const { head: Head, header, pageHeader, pageBody, afterBody, left, right, footer: Footer } = opts
const Header = HeaderConstructor()
const Body = BodyConstructor()
@ -71,7 +71,7 @@ export const ContentPage: QuartzEmitterPlugin<Partial<FullPageLayout>> = (userOp
Header,
Body,
...header,
...beforeBody,
...pageHeader,
pageBody,
...afterBody,
...left,

4
quartz/plugins/emitters/folderPage.tsx
View File

@ -33,7 +33,7 @@ export const FolderPage: QuartzEmitterPlugin<Partial<FolderPageOptions>> = (user
...userOpts,
}
const { head: Head, header, beforeBody, pageBody, afterBody, left, right, footer: Footer } = opts
const { head: Head, header, pageHeader, pageBody, afterBody, left, right, footer: Footer } = opts
const Header = HeaderConstructor()
const Body = BodyConstructor()
@ -45,7 +45,7 @@ export const FolderPage: QuartzEmitterPlugin<Partial<FolderPageOptions>> = (user
Header,
Body,
...header,
...beforeBody,
...pageHeader,
pageBody,
...afterBody,
...left,

4
quartz/plugins/emitters/tagPage.tsx
View File

@ -30,7 +30,7 @@ export const TagPage: QuartzEmitterPlugin<Partial<TagPageOptions>> = (userOpts)
...userOpts,
}
const { head: Head, header, beforeBody, pageBody, afterBody, left, right, footer: Footer } = opts
const { head: Head, header, pageHeader, pageBody, afterBody, left, right, footer: Footer } = opts
const Header = HeaderConstructor()
const Body = BodyConstructor()
@ -42,7 +42,7 @@ export const TagPage: QuartzEmitterPlugin<Partial<TagPageOptions>> = (userOpts)
Header,
Body,
...header,
...beforeBody,
...pageHeader,
pageBody,
...afterBody,
...left,