From 71836057d1dd1b24be1f372f205098c0545df099 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9C=AA=E8=A7=89=E9=9B=A8=E5=A3=B0?= <544022268@qq.com>
Date: Tue, 30 May 2023 10:33:35 +0800
Subject: [PATCH] docs: fix content anchor setion to use logical style (#42707)

---
 .dumi/theme/slots/Content/index.tsx | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/.dumi/theme/slots/Content/index.tsx b/.dumi/theme/slots/Content/index.tsx
index b1825cf9cb..2b11491b38 100644
--- a/.dumi/theme/slots/Content/index.tsx
+++ b/.dumi/theme/slots/Content/index.tsx
@@ -50,10 +50,11 @@ const useStyle = () => {
     tocWrapper: css`
       position: absolute;
       top: 8px;
-      right: 0;
+      inset-inline-end: 0;
       width: 160px;
       margin: 12px 0;
-      padding: 8px 8px 8px 4px;
+      padding: 8px 0;
+      padding-inline: 4px 8px;
       backdrop-filter: blur(8px);
       border-radius: ${token.borderRadius}px;
       box-sizing: border-box;
@@ -75,11 +76,6 @@ const useStyle = () => {
         padding-inline: 4px;
       }
 
-      &.rtl {
-        right: auto;
-        left: 20px;
-      }
-
       @media only screen and (max-width: ${token.screenLG}px) {
         display: none;
       }
@@ -209,7 +205,7 @@ const Content: React.FC<{ children: ReactNode }> = ({ children }) => {
     <DemoContext.Provider value={contextValue}>
       <Col xxl={20} xl={19} lg={18} md={18} sm={24} xs={24}>
         <Affix>
-          <section css={styles.tocWrapper} className={classNames({ rtl: isRTL })}>
+          <section css={styles.tocWrapper}>
             <Anchor
               css={styles.toc}
               affix={false}