dev.2ha.me/lixiyu-net
1
0
Fork 0
Code Issues Pull Requests Actions 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 ( 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 && ( {hovered && (
<Button <Button
aria-label="Copy code" aria-label="Copy code"
@@ -33,10 +39,7 @@ const PreWrapper = ({ children }: { children: JSX.Element }) => {
{copied ? <FaCheck /> : <IoCopyOutline />} {copied ? <FaCheck /> : <IoCopyOutline />}
</Button> </Button>
)} )}
<pre <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">
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"
>
{children} {children}
</pre> </pre>
</div> </div>