Ling0925
/
buster
mirror of https://github.com/buster-so/buster.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

update how the list is displayed

This commit is contained in:
Nate Kelley 2025-04-18 15:26:40 -06:00
parent e606482445
commit dd7f55404c
No known key found for this signature in database
GPG Key ID: FD90372AB8D98B4F
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/components/ui/typography/AppMarkdown/AppMarkdown.module.css
View File

@ -44,8 +44,15 @@
.container ul, .container ul,
.container ol, .container ol,
.container dl { .container dl {
list-style-position: revert; list-style-position: outside;
margin-left: calc(var(--spacing) * 4); }
.container ol {
padding-inline-start: 1em;
}
.container ul {
padding-inline-start: 2.5em;
} }
.container ol { .container ol {

7
web/src/components/ui/typography/AppMarkdown/AppMarkdownCommon.tsx
View File

@ -128,10 +128,7 @@ export const CustomOrderedList: React.FC<
> = ({ children, markdown, showLoader, ...rest }) => { > = ({ children, markdown, showLoader, ...rest }) => {
return ( return (
<ol <ol
className={cn( className={cn('space-y-1', showLoader && 'animate-in fade-in transition-none duration-700')}
'list-decimal space-y-1',
showLoader && 'animate-in fade-in transition-none duration-700'
)}
{...rest}> {...rest}>
{children} {children}
</ol> </ol>
@ -148,7 +145,7 @@ export const CustomUnorderedList: React.FC<
return ( return (
<ul <ul
className={cn( className={cn(
'mt-1 list-inside list-disc space-y-1', 'mt-1 space-y-1',
showLoader && 'animate-in fade-in transition-none duration-700' showLoader && 'animate-in fade-in transition-none duration-700'
)} )}
{...rest}> {...rest}>