25979ab216
* fix(explorer): vertically center the Explorer toggle under mobile view * Added a separate title font configuration * Added googleSubFontHref function * Applied --titleFont to PageTitle * Made googleFontHref return array of URLs * Dealing with empty and undefined title * Minor update * Dealing with empty and undefined title * Refined font inclusion logic * Adopted the googleFontHref + googleFontSubsetHref method * Adaptively include font subset for PageTitle * Restored default config * Minor changes on configuration docs * Formatted source code
24 lines
718 B
TypeScript
24 lines
718 B
TypeScript
import { pathToRoot } from "../util/path"
|
|
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
|
|
import { classNames } from "../util/lang"
|
|
import { i18n } from "../i18n"
|
|
|
|
const PageTitle: QuartzComponent = ({ fileData, cfg, displayClass }: QuartzComponentProps) => {
|
|
const title = cfg?.pageTitle ?? i18n(cfg.locale).propertyDefaults.title
|
|
const baseDir = pathToRoot(fileData.slug!)
|
|
return (
|
|
<h2 class={classNames(displayClass, "page-title")}>
|
|
<a href={baseDir}>{title}</a>
|
|
</h2>
|
|
)
|
|
}
|
|
|
|
PageTitle.css = `
|
|
.page-title {
|
|
font-size: 1.75rem;
|
|
margin: 0;
|
|
font-family: var(--titleFont);
|
|
}
|
|
`
|
|
|
|
export default (() => PageTitle) satisfies QuartzComponentConstructor
|