Merge pull request #474 from 1chooo/feat/#461

Feat/#461
1chooo · Nov 21, 2024 · 7be6db5 · 7be6db5
2 parents 47caabc + 5017fa0
commit 7be6db5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/apps/web/package.json b/apps/web/package.json
@@ -48,6 +48,7 @@
     "react-markdown": "^9.0.1",
     "react-syntax-highlighter": "^15.5.0",
     "react-tweet": "^3.2.1",
+    "react-wrap-balancer": "^1.1.1",
     "rehype-github-alerts": "3.0.0",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.0",

diff --git a/apps/web/src/app/blog/page.tsx b/apps/web/src/app/blog/page.tsx
@@ -1,5 +1,6 @@
 import Link from "next/link";
 import Image from "next/image";
+import Balancer from 'react-wrap-balancer'
 import PageHeader from "@/components/page-header";
 import FilterSelectBox from "@/components/blog/filter-select-box";
 import FilterList from "@/components/blog/filter-list";
@@ -98,7 +99,7 @@ export default function BlogPage({
                       </time>
                     </div>
                     <h3 className="h3 blog-item-title">
-                      <MarkdownRenderer content={post.metadata.title} />
+                      <Balancer><MarkdownRenderer content={post.metadata.title} /></Balancer>
                     </h3>
                     <MarkdownRenderer
                       className="blog-summary"