GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2026-03-23 14:35:42 -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`
The `data-frame` attribute on `#quartz-root` enables CSS targeting per-frame (see [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.
@ -700,7 +701,7 @@ interface PageFrameProps {
#### Built-in Frames
| 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 |
| **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 |
@ -781,7 +782,7 @@ Frame changes between pages are SPA-safe because:
#### Source Files
| File | Purpose |
| --- | --- |
| --------------------------------------------- | ------------------------------------------- |
| `quartz/components/frames/types.ts` | `PageFrame` and `PageFrameProps` interfaces |
| `quartz/components/frames/DefaultFrame.tsx` | Default three-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}>
<div id="quartz-root" class="page" data-frame={frame.name}>
<Body {...componentData}>
{[frame.render({
{[
frame.render({
componentData,
head: Head,
header,
@ -273,7 +274,8 @@ export function renderPage(
left,
right,
footer: Footer,
})]}
}),
]}
</Body>
</div>
</body>