fix: smaller size for todo title

src/hooks/useMarkdown.hook.ts

@@ -1,4 +1,3 @@
-import markdownItClass from "@toycode/markdown-it-class"
 import markdownItLatex from "@vscode/markdown-it-katex"
 import MarkdownIt, { Options, Renderer, Token } from "markdown-it"
 import blockEmbedPlugin from "markdown-it-block-embed"
@@ -47,14 +46,6 @@ const markdownItMermaidExtractor = (md: MarkdownIt) => {
 const md = new MarkdownIt({
   typographer: true,
   quotes: ["«\xA0", "\xA0»", "‹\xA0", "\xA0›"],
-})
-  .use(markdownItClass, {
-    h1: ["title", "is-2"],
-    h2: ["title", "is-3"],
-    h3: ["title", "is-4"],
-    h4: ["title", "is-5"],
-    h5: ["title", "is-6"],
-    h6: ["title", "is-6"],
 })
   .use(markdownItMermaidExtractor)
   .use(html5Media)

src/modules/card/components/FlipCard.vue

@@ -97,7 +97,7 @@ $border-radius: 0.5rem;
   }
 }
 
-.title.is-2 {
+h1 {
   font-size: 16pt;
 }
 </style>

src/views/TodoNotes.vue

@@ -39,7 +39,11 @@ const content = computedAsync(() => {
 
 <style lang="scss">
 .todo-notes {
-  flex: 1;
+  .note-display {
+    h1 {
+      font-size: 1.8rem;
+    }
+  }
 
   input[type="checkbox"] {
     margin-right: 0.5rem;