Merge branch 'main' into enhance-replay

This commit is contained in:
Puzhen Zhang 2025-11-10 16:38:42 +01:00 committed by GitHub
commit 8386cea1fa
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 21 additions and 16 deletions

View file

@ -49,7 +49,7 @@ export const MarkDown = memo(
}, [content, speed, enableTypewriter, onTyping]);
return (
<div className="max-w-none">
<div className="max-w-none markdown-container">
<ReactMarkdown
remarkPlugins={[remarkGfm]}
components={{
@ -83,13 +83,13 @@ export const MarkDown = memo(
{children}
</ul>
),
ol: ({ children }) => (
<ol
className={`list-decimal list-inside text-[13px] text-primary mb-2 ${olPadding}`}
>
{children}
</ol>
),
// ol: ({ children }) => (
// <ol
// className={`list-decimal list-inside text-[13px] text-primary mb-2 ${olPadding}`}
// >
// {children}
// </ol>
// ),
li: ({ children }) => (
<li className="mb-1 list-inside">{children}</li>
),

View file

@ -48,7 +48,7 @@ export const MarkDown = ({
return text.replace(/\\n/g, " \n "); // add two spaces before \n, so ReactMarkdown will recognize it as a line break
};
return (
<div className="prose prose-sm w-full select-text pointer-events-auto overflow-x-auto">
<div className="prose prose-sm w-full select-text pointer-events-auto overflow-x-auto markdown-container">
<ReactMarkdown
remarkPlugins={[remarkGfm]}
components={{
@ -81,13 +81,13 @@ export const MarkDown = ({
{children}
</ul>
),
ol: ({ children }) => (
<ol
className={`list-decimal list-inside text-xs text-primary mb-1 ${olPadding}`}
>
{children}
</ol>
),
// ol: ({ children }) => (
// <ol
// className={`list-decimal list-inside text-xs text-primary mb-1 ${olPadding}`}
// >
// {children}
// </ol>
// ),
li: ({ children }) => (
<li className="mb-1 list-inside break-all">{children}</li>
),

View file

@ -416,4 +416,9 @@ code {
.stack-login-btn,
.stack-login-btn button {
width: 100%;
}
.markdown-container ol {
padding-left: 1rem;
font-size: 12px; /* text-sm */
}