Skip to content

C
canifa_note
Commit 0793f965 authored by Steven's avatar Steven
Browse files
Options

chore: update heading styles

parent 8095d94c
Hide whitespace changes
Inline Side-by-side
Showing with 14 additions and 1 deletion
web/src/components/MemoContentV1/Heading.tsx
View file @ 0793f965
...@@ -8,8 +8,21 @@ interface Props { ...@@ -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} />
))} ))}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment