chore: update heading styles

0793f965 · Steven · 8095d94c · 0793f965
Commit 0793f965 authored Dec 17, 2023 by Steven
Show whitespace changes
Inline Side-by-side

Showing with 14 additions and 1 deletion

Heading.tsx web/src/components/MemoContentV1/Heading.tsx +14 -1

No files found.
--- 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} />
      ))}