🐛 fix: Fix Code blocks direction in lists (#259)

lobehub · Feb 5, 2025 · af5ce46 · af5ce46
1 parent e6068d4
commit af5ce46
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/Highlighter/SyntaxHighlighter/style.ts b/src/Highlighter/SyntaxHighlighter/style.ts
@@ -15,18 +15,19 @@ export const useStyles = createStyles(({ css, token, cx, prefixCls, stylish }) =
         height: 34px;
         padding-block: 0;
         padding-inline: 8px;
+        border-radius: ${token.borderRadius};
 
         font-family: ${token.fontFamilyCode};
         color: ${token.colorTextTertiary};
-
-        border-radius: ${token.borderRadius};
       `,
     ),
     shiki: cx(
       `${prefix}-shiki`,
       css`
+        direction: ltr;
         margin: 0;
         padding: 0;
+        text-align: start;
 
         .shiki {
           overflow-x: auto;
@@ -69,10 +70,10 @@ export const useStyles = createStyles(({ css, token, cx, prefixCls, stylish }) =
           .highlighted-word {
             padding-block: 0.1em;
             padding-inline: 0.2em;
-
-            background: ${token.colorFillTertiary};
             border: 1px solid ${token.colorBorderSecondary};
             border-radius: ${token.borderRadius}px;
+
+            background: ${token.colorFillTertiary};
           }
 
           .diff {