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

chore: format

Browse Source
This commit is contained in:
saberzero1 2026-02-28 04:57:46 +01:00
parent 18d64eecb1
commit 8dcc1522d9
No known key found for this signature in database
2 changed files with 39 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ARCHITECTURE_OVERVIEW.md
View File

@ -651,6 +651,7 @@ The layout builder looks up components by:
7. Serializes to HTML string via `preact-render-to-string` 7. Serializes to HTML string via `preact-render-to-string`
The `data-frame` attribute on `#quartz-root` enables CSS targeting per-frame (see [Page Frames](#page-frames)). The `data-frame` attribute on `#quartz-root` enables CSS targeting per-frame (see [Page Frames](#page-frames)).
### Page Frames ### Page Frames
The PageFrame system allows page types to optionally define completely different inner HTML structures (e.g. with/without sidebars, horizontal layouts, minimal chrome) while the outer shell remains stable for SPA navigation. The PageFrame system allows page types to optionally define completely different inner HTML structures (e.g. with/without sidebars, horizontal layouts, minimal chrome) while the outer shell remains stable for SPA navigation.
@ -700,7 +701,7 @@ interface PageFrameProps {
#### Built-in Frames #### Built-in Frames
| Frame | Name | Description | Used By | | Frame | Name | Description | Used By |
| --- | --- | --- | --- | | ------------------ | -------------- | --------------------------------------------------------------------------------------------------------------------- | ------------------------- |
| **DefaultFrame** | `"default"` | Original three-column layout: left sidebar + center (header, beforeBody, content, afterBody) + right sidebar + footer | All page types by default | | **DefaultFrame** | `"default"` | Original three-column layout: left sidebar + center (header, beforeBody, content, afterBody) + right sidebar + footer | All page types by default |
| **FullWidthFrame** | `"full-width"` | No sidebars. Single center column spanning full width with header, content, afterBody, and footer | `canvas-page` | | **FullWidthFrame** | `"full-width"` | No sidebars. Single center column spanning full width with header, content, afterBody, and footer | `canvas-page` |
| **MinimalFrame** | `"minimal"` | No sidebars, no header/beforeBody chrome. Only content + footer | `404` page | | **MinimalFrame** | `"minimal"` | No sidebars, no header/beforeBody chrome. Only content + footer | `404` page |
@ -781,7 +782,7 @@ Frame changes between pages are SPA-safe because:
#### Source Files #### Source Files
| File | Purpose | | File | Purpose |
| --- | --- | | --------------------------------------------- | ------------------------------------------- |
| `quartz/components/frames/types.ts` | `PageFrame` and `PageFrameProps` interfaces | | `quartz/components/frames/types.ts` | `PageFrame` and `PageFrameProps` interfaces |
| `quartz/components/frames/DefaultFrame.tsx` | Default three-column layout | | `quartz/components/frames/DefaultFrame.tsx` | Default three-column layout |
| `quartz/components/frames/FullWidthFrame.tsx` | Full-width single-column layout | | `quartz/components/frames/FullWidthFrame.tsx` | Full-width single-column layout |

6
quartz/components/renderPage.tsx
View File

@ -263,7 +263,8 @@ export function renderPage(
<body data-slug={slug}> <body data-slug={slug}>
<div id="quartz-root" class="page" data-frame={frame.name}> <div id="quartz-root" class="page" data-frame={frame.name}>
<Body {...componentData}> <Body {...componentData}>
{[frame.render({ {[
frame.render({
componentData, componentData,
head: Head, head: Head,
header, header,
@ -273,7 +274,8 @@ export function renderPage(
left, left,
right, right,
footer: Footer, footer: Footer,
})]} }),
]}
</Body> </Body>
</div> </div>
</body> </body>