From 765cf2a58220d1fa35f33156ebcc493a4ece9d2e Mon Sep 17 00:00:00 2001
From: PrinOrange <prinorange@outlook.com>
Date: Mon, 12 Aug 2024 17:39:38 +0800
Subject: [PATCH] [fix] fix ltr layout for codeblock

---
 components/mdx/PreWrapper.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/components/mdx/PreWrapper.tsx b/components/mdx/PreWrapper.tsx
index e9248fd..aa3bccc 100644
--- a/components/mdx/PreWrapper.tsx
+++ b/components/mdx/PreWrapper.tsx
@@ -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>