chore: update heading styles

1 year ago · 0793f96578
parent 8095d94c97
commit 0793f96578
1 changed files with 14 additions and 1 deletions
--- a/web/src/components/MemoContentV1/Heading.tsx
+++ b/web/src/components/MemoContentV1/Heading.tsx
@ -8,8 +8,21 @@ interface Props {

 const Heading: React.FC<Props> = ({ level, children }: Props) => {
  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 (
-    <Head>
+    <Head className={className}>
      {children.map((child, index) => (
        <Renderer key={`${child.type}-${index}`} node={child} />
      ))}