gbanyan/blog-nextjs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Let sidebar about text honor line breaks

Browse Source
This commit is contained in:
gbanyan
2025-11-19 00:26:37 +08:00
parent a582ef9cb5
commit 61d5092136
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/right-sidebar.tsx
View File

@@ -1,7 +1,7 @@
import Link from 'next/link'; import Link from 'next/link';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faGithub, faMastodon, faLinkedin } from '@fortawesome/free-brands-svg-icons'; import { faGithub, faMastodon, faLinkedin } from '@fortawesome/free-brands-svg-icons';
import { faFire, faIdCard, faArrowRight } from '@fortawesome/free-solid-svg-icons'; import { faFire, faArrowRight } from '@fortawesome/free-solid-svg-icons';
import { siteConfig } from '@/lib/config'; import { siteConfig } from '@/lib/config';
import { getAllTagsWithCount } from '@/lib/posts'; import { getAllTagsWithCount } from '@/lib/posts';
import { allPages } from 'contentlayer/generated'; import { allPages } from 'contentlayer/generated';
@@ -79,10 +79,11 @@ export function RightSidebar() {
</div> </div>
)} )}
{siteConfig.aboutShort && ( {siteConfig.aboutShort && (
<p className="type-body mt-3 flex items-center gap-2 text-slate-600 dark:text-slate-200"> <div className="type-body mt-3 space-y-1 text-center text-slate-600 dark:text-slate-200">
<FontAwesomeIcon icon={faIdCard} className="h-3 w-3 text-slate-400" /> {siteConfig.aboutShort.split(/\n+/).map((line, index) => (
<span>{siteConfig.aboutShort}</span> <p key={`${line}-${index}`}>{line}</p>
</p> ))}
</div>
)} )}
</div> </div>
</section> </section>