dev.2ha.me/lixiyu-net
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

[fix] fix ltr layout for codeblock

Browse Source
This commit is contained in:
PrinOrange
2024-08-12 17:39:38 +08:00
parent f67d221e71
commit 765cf2a582
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
components/mdx/PreWrapper.tsx
View File

@@ -22,7 +22,13 @@ const PreWrapper = ({ children }: { children: JSX.Element }) => {
};
return (
<div className="relative flat-scrollbar-normal" onMouseLeave={onExit} onMouseMove={onEnter} ref={textInput}>
<div
className="relative flat-scrollbar-normal"
dir="ltr"
onMouseLeave={onExit}
onMouseMove={onEnter}
ref={textInput}
>
{hovered && (
<Button
aria-label="Copy code"
@@ -33,10 +39,7 @@ const PreWrapper = ({ children }: { children: JSX.Element }) => {
{copied ? <FaCheck /> : <IoCopyOutline />}
</Button>
)}
<pre
className="p-2 dark:bg-[#0d1117] bg-[#F6F8FA] rounded-md flat-scrollbar-normal not-prose text-sm dark:selection:bg-gray-700 selection:bg-gray-300 selection:text-inherit"
dir="ltr"
>
<pre className="p-2 dark:bg-[#0d1117] bg-[#F6F8FA] rounded-md flat-scrollbar-normal not-prose text-sm dark:selection:bg-gray-700 selection:bg-gray-300 selection:text-inherit">
{children}
</pre>
</div>