fix: text wrap in popover

2023-08-23 13:10:23 -07:00
parent 41642e23df
commit c707c0dc73
4 changed files with 8 additions and 2 deletions
--- a/quartz/components/pages/FolderContent.tsx
+++ b/quartz/components/pages/FolderContent.tsx
@ -33,7 +33,9 @@ function FolderContent(props: QuartzComponentProps) {

  return (
    <div class="popover-hint">
-      <article>{content}</article>
+      <article>
+        <p>{content}</p>
+      </article>
      <p>{allPagesInFolder.length} items under this folder.</p>
      <div>
        <PageList {...listProps} />
--- a/quartz/components/pages/TagContent.tsx
+++ b/quartz/components/pages/TagContent.tsx
@ -37,7 +37,9 @@ function TagContent(props: QuartzComponentProps) {

    return (
      <div class="popover-hint">
-        <article>{content}</article>
+        <article>
+          <p>{content}</p>
+        </article>
        <p>Found {tags.length} total tags.</p>
        <div>
          {tags.map((tag) => {