Skip to content

C
canifa_note
Commit fa1ad7dc authored by Steven's avatar Steven
Browse files
Options

chore: update list padding

parent f6054b61
Hide whitespace changes
Inline Side-by-side
Showing with 10 additions and 13 deletions
web/src/components/MemoContent/List.tsx
View file @ fa1ad7dc
...@@ -29,25 +29,22 @@ const List: React.FC<Props> = ({ kind, indent, children }: Props) => { ...@@ -29,25 +29,22 @@ const List: React.FC<Props> = ({ kind, indent, children }: Props) => {
}; };
const getAttributes = () => { const getAttributes = () => {
if (kind === ListNode_Kind.ORDERED) { const attrs: any = {
const firstChild = head(children); style: { paddingLeft: `${indent > 0 ? indent * 10 : 20}px` },
if (firstChild?.type === NodeType.ORDERED_LIST_ITEM) { };
return { const firstChild = head(children);
start: firstChild.orderedListItemNode?.number, if (firstChild?.type === NodeType.ORDERED_LIST_ITEM) {
}; attrs.start = firstChild.orderedListItemNode?.number;
} } else if (firstChild?.type === NodeType.TASK_LIST_ITEM) {
attrs.style = { paddingLeft: `${indent * 8}px` };
} }
return {}; return attrs;
}; };
return React.createElement( return React.createElement(
getListContainer(), getListContainer(),
{ {
className: cn( className: cn(kind === ListNode_Kind.ORDERED ? "list-decimal" : kind === ListNode_Kind.UNORDERED ? "list-disc" : "list-none"),
"list-inside break-all",
kind === ListNode_Kind.ORDERED ? "list-decimal" : kind === ListNode_Kind.UNORDERED ? "list-disc" : "list-none",
),
style: { paddingLeft: `${indent * 6}px` },
...getAttributes(), ...getAttributes(),
}, },
children.map((child, index) => { children.map((child, index) => {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment