fix: checkbox position

Author: Innei

src/components/ui/markdown/Markdown.tsx

@@ -116,12 +116,12 @@ export const Markdown: FC<MdProps & MarkdownToJSX.Options & PropsWithChildren> =
           gfmTask: {
             react(node, _, state) {
               return (
-                <label
-                  className="mr-2 inline-flex items-center"
+                <input
+                  type="checkbox"
                   key={state?.key}
-                >
-                  <input type="checkbox" checked={node.completed} readOnly />
-                </label>
+                  checked={node.completed}
+                  readOnly
+                />
               )
             },
           },

src/components/ui/markdown/customize.md

@@ -1,6 +1,55 @@
-## Basic
+## List and GFM Tasks
 
-### Table
+1. First
+2. Second
+   1. 2.1
+   2. 2.2
+      1. 3.1
+3. Third
+4. Fourth
+
+- [ ] Checkbox
+- [x] Checkbox Completed
+
+---
+
+- Line
+  - Line 1.1
+- Line 2
+
+## Definition lists
+
+Term 1
+
+: Definition 1
+with lazy continuation.
+
+Term 2 with _inline markup_
+
+: Definition 2
+
+        { some code, part of Definition 2 }
+
+    Third paragraph of definition 2.
+
+_Compact style:_
+
+Term 1
+~ Definition 1
+
+Term 2
+~ Definition 2a
+~ Definition 2b
+
+## [Abbreviations](https://github.com/markdown-it/markdown-it-abbr)
+
+This is HTML abbreviation example.
+
+It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on.
+
+\*[HTML]: Hyper Text Markup Language
+
+## Table
 
 | 表达内容                                                                                                                                 | 示例          |
 | ---------------------------------------------------------------------------------------------------------------------------------------- | ------------- |

src/components/ui/markdown/markdown.module.css

@@ -87,7 +87,7 @@
   }
 
   input[type='checkbox'] {
-    @apply checkbox;
+    @apply checkbox checkbox-xs my-0 mr-2 align-text-bottom;
   }
 
   input[type='checkbox']:disabled,