🌐 style: improve direction UX (lobehub#1169)

bentwnghk · Feb 6, 2024 · e3929dc · e3929dc
1 parent b14d6af
commit e3929dc
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/layout/GlobalLayout/Locale.tsx b/src/layout/GlobalLayout/Locale.tsx
@@ -1,5 +1,6 @@
 import { ConfigProvider } from 'antd';
 import { PropsWithChildren, memo, useEffect, useState } from 'react';
+import { isRtlLang } from 'rtl-detect';
 import useSWR from 'swr';
 
 import { createI18nNext } from '@/locales/create';
@@ -67,7 +68,14 @@ const Locale = memo<LocaleLayoutProps>(({ children, defaultLang }) => {
     };
   }, [i18n]);
 
-  return <ConfigProvider locale={locale}>{children}</ConfigProvider>;
+  // detect document direction
+  const documentDir = isRtlLang(lang!) ? 'rtl' : 'ltr';
+
+  return (
+    <ConfigProvider direction={documentDir} locale={locale}>
+      {children}
+    </ConfigProvider>
+  );
 });
 
 export default Locale;