From a12d76afdb51e0de3adf5fdaef63e5f20077ff97 Mon Sep 17 00:00:00 2001
From: Callum Barker <64287849+cbarkr@users.noreply.github.com>
Date: Thu, 13 Jun 2024 19:47:22 +0000
Subject: [PATCH] fix: fix explorer view gradient positioning on mobile (fixes #906) (#1206)

---
 quartz/components/PageTitle.tsx |   36 ++++++++++++++++++------------------
 1 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/quartz/components/PageTitle.tsx b/quartz/components/PageTitle.tsx
index e8377ee..2362f10 100644
--- a/quartz/components/PageTitle.tsx
+++ b/quartz/components/PageTitle.tsx
@@ -1,22 +1,22 @@
-import { resolveToRoot } from "../path"
-import { QuartzComponentConstructor, QuartzComponentProps } from "./types"
+import { pathToRoot } from "../util/path"
+import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
+import { classNames } from "../util/lang"
+import { i18n } from "../i18n"
 
-interface Options {
-  title: string
+const PageTitle: QuartzComponent = ({ fileData, cfg, displayClass }: QuartzComponentProps) => {
+  const title = cfg?.pageTitle ?? i18n(cfg.locale).propertyDefaults.title
+  const baseDir = pathToRoot(fileData.slug!)
+  return (
+    <h1 class={classNames(displayClass, "page-title")}>
+      <a href={baseDir}>{title}</a>
+    </h1>
+  )
 }
 
-export default ((opts?: Options) => {
-  const title = opts?.title ?? "Untitled Quartz"
-  function PageTitle({ fileData }: QuartzComponentProps) {
-    const slug = fileData.slug!
-    const baseDir = resolveToRoot(slug)
-    return <h1 class="page-title"><a href={baseDir}>{title}</a></h1>
-  }
-  PageTitle.css = `
-  .page-title {
-    margin: 0;
-  }
-  `
+PageTitle.css = `
+.page-title {
+  margin: 0;
+}
+`
 
-  return PageTitle
-}) satisfies QuartzComponentConstructor
+export default (() => PageTitle) satisfies QuartzComponentConstructor

--
Gitblit v1.10.0