From 789a9cc5a2542f7bc5b99db8ccc106081eb1c007 Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Mon, 14 Apr 2025 23:00:36 +0800
Subject: [PATCH] fix: padding left of list

---
 web/src/components/MemoContent/List.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/web/src/components/MemoContent/List.tsx b/web/src/components/MemoContent/List.tsx
index b0869a2b7..87660146f 100644
--- 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) => {