mirror of
https://github.com/usememos/memos.git
synced 2025-10-26 22:36:16 +08:00
chore: update list padding
This commit is contained in:
parent
f6054b6138
commit
fa1ad7dc72
1 changed files with 10 additions and 13 deletions
|
|
@ -29,25 +29,22 @@ const List: React.FC<Props> = ({ kind, indent, children }: Props) => {
|
|||
};
|
||||
|
||||
const getAttributes = () => {
|
||||
if (kind === ListNode_Kind.ORDERED) {
|
||||
const firstChild = head(children);
|
||||
if (firstChild?.type === NodeType.ORDERED_LIST_ITEM) {
|
||||
return {
|
||||
start: firstChild.orderedListItemNode?.number,
|
||||
};
|
||||
}
|
||||
const attrs: any = {
|
||||
style: { paddingLeft: `${indent > 0 ? indent * 10 : 20}px` },
|
||||
};
|
||||
const firstChild = head(children);
|
||||
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(
|
||||
getListContainer(),
|
||||
{
|
||||
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` },
|
||||
className: cn(kind === ListNode_Kind.ORDERED ? "list-decimal" : kind === ListNode_Kind.UNORDERED ? "list-disc" : "list-none"),
|
||||
...getAttributes(),
|
||||
},
|
||||
children.map((child, index) => {
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue