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

View File

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

View File

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