From 90725688a7b7dfd042268267b11fd4002008499b Mon Sep 17 00:00:00 2001
From: Aaron Pham <29749331+aarnphm@users.noreply.github.com>
Date: Mon, 05 Feb 2024 05:52:24 +0000
Subject: [PATCH] style(search): increase width on mobile view (#796)
---
quartz/components/pages/Content.tsx | 4 +++-
1 files changed, 3 insertions(+), 1 deletions(-)
diff --git a/quartz/components/pages/Content.tsx b/quartz/components/pages/Content.tsx
index 76cecc3..2e6416f 100644
--- a/quartz/components/pages/Content.tsx
+++ b/quartz/components/pages/Content.tsx
@@ -3,7 +3,9 @@
function Content({ fileData, tree }: QuartzComponentProps) {
const content = htmlToJsx(fileData.filePath!, tree)
- return <article class="popover-hint">{content}</article>
+ const classes: string[] = fileData.frontmatter?.cssclasses ?? []
+ const classString = ["popover-hint", ...classes].join(" ")
+ return <article class={classString}>{content}</article>
}
export default (() => Content) satisfies QuartzComponentConstructor
--
Gitblit v1.10.0