YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: update heading styles

Browse Source
This commit is contained in:
Steven
2023-12-17 11:08:13 +08:00
parent 8095d94c97
commit 0793f96578
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/components/MemoContentV1/Heading.tsx
View File

@@ -8,8 +8,21 @@ interface Props {
const Heading: React.FC<Props> = ({ level, children }: Props) => { const Heading: React.FC<Props> = ({ level, children }: Props) => {
const Head = `h${level}` as keyof JSX.IntrinsicElements; const Head = `h${level}` as keyof JSX.IntrinsicElements;
const className = (() => {
switch (level) {
case 1:
return "text-5xl leading-normal font-bold";
case 2:
return "text-3xl leading-normal font-medium";
case 3:
return "text-xl leading-normal font-medium";
case 4:
return "text-lg font-bold";
}
})();
return ( return (
<Head> <Head className={className}>
{children.map((child, index) => ( {children.map((child, index) => (
<Renderer key={`${child.type}-${index}`} node={child} /> <Renderer key={`${child.type}-${index}`} node={child} />
))} ))}