fix: padding left of list

7 months ago · 789a9cc5a2
parent a6be658f42
commit 789a9cc5a2
1 changed files with 2 additions and 4 deletions
--- a/web/src/components/MemoContent/List.tsx
+++ b/web/src/components/MemoContent/List.tsx
@ -43,10 +43,8 @@ const List: React.FC<Props> = ({ kind, indent, children }: Props) => {
  return React.createElement(
    getListContainer(),
    {
-      className: cn(
-        kind === ListNode_Kind.ORDERED ? "list-decimal" : kind === ListNode_Kind.UNORDERED ? "list-disc" : "list-none",
-        `pl-${2 * indent + 6}`,
-      ),
+      className: cn(kind === ListNode_Kind.ORDERED ? "list-decimal" : kind === ListNode_Kind.UNORDERED ? "list-disc" : "list-none"),
+      style: { paddingLeft: `${(2 * indent + 6) * 4}px` },
      ...getAttributes(),
    },
    children.map((child, index) => {