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

chore: remove empty files

Browse Source 
Signed-off-by: Aaron Pham <contact@aarnphm.xyz>
This commit is contained in:
Aaron Pham 2024-12-29 22:52:19 -08:00
parent 6c03027877
commit 2a7ad84d66
No known key found for this signature in database
GPG Key ID: 18974753009D2BFA
3 changed files with 37 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
quartz/components/Body.tsx
View File

@ -7,41 +7,7 @@ import mermaidStyle from "./styles/mermaid.scss"
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
const Body: QuartzComponent = ({ children }: QuartzComponentProps) => {
return (
<div id="quartz-body">
{children}
<div id="mermaid-container">
<div class="mermaid-backdrop" />
<div id="mermaid-space">
<div class="mermaid-header">
<button
class="close-button"
aria-label="close button"
title="close button"
type="button"
>
<svg
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
>
<line x1={18} y1={6} x2={6} y2={18} />
<line x1={6} y1={6} x2={18} y2={18} />
</svg>
</button>
</div>
<div class="mermaid-content" />
</div>
</div>
</div>
)
return <div id="quartz-body">{children}</div>
}
Body.afterDOMLoaded = clipboardScript + mermaidScript

0
quartz/components/Mermaid.tsx
View File

38
quartz/components/pages/Content.tsx
View File

@ -1,11 +1,45 @@
import { htmlToJsx } from "../../util/jsx"
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "../types"
const Content: QuartzComponent = ({ fileData, tree }: QuartzComponentProps) => {
const Content: QuartzComponent = ({ ctx, fileData, tree }: QuartzComponentProps) => {
const content = htmlToJsx(fileData.filePath!, tree)
const classes: string[] = fileData.frontmatter?.cssclasses ?? []
const classString = ["popover-hint", ...classes].join(" ")
return <article class={classString}>{content}</article>
return (
<>
<article class={classString}>{content}</article>
<div id="mermaid-container">
<div class="mermaid-backdrop" />
<div id="mermaid-space">
<div class="mermaid-header">
<button
class="close-button"
aria-label="close button"
title="close button"
type="button"
>
<svg
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
>
<line x1={18} y1={6} x2={6} y2={18} />
<line x1={6} y1={6} x2={18} y2={18} />
</svg>
</button>
</div>
<div class="mermaid-content" />
</div>
</div>
</>
)
}
export default (() => Content) satisfies QuartzComponentConstructor