mirror of
				https://github.com/usememos/memos.git
				synced 2025-10-25 22:07:19 +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