fix: list styles

5 months ago · 87798801fc
parent 446447a20c
commit 87798801fc
1 changed files with 5 additions and 2 deletions
--- a/web/src/components/MemoContent/List.tsx
+++ b/web/src/components/MemoContent/List.tsx
@ -43,8 +43,11 @@ 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"),
-      style: { paddingLeft: `${(2 * indent + 6) * 4}px` },
+      className: cn(
+        "list-inside break-all",
+        kind === ListNode_Kind.ORDERED ? "list-decimal" : kind === ListNode_Kind.UNORDERED ? "list-disc" : "list-none",
+      ),
+      style: { paddingLeft: `${indent * 6}px` },
      ...getAttributes(),
    },
    children.map((child, index) => {