Browse Source

Support left to right in language arabic

Zizwar 1 year ago
parent
commit
946e508e8f
2 changed files with 7 additions and 1 deletions
  1. 4 0
      app/components/home.module.scss
  2. 3 1
      app/components/home.tsx

+ 4 - 0
app/components/home.module.scss

@@ -567,3 +567,7 @@
   height: 100%;
   width: 100%;
 }
+
+.rtl-screen{
+  direction: rtl;
+}

+ 3 - 1
app/components/home.tsx

@@ -15,6 +15,8 @@ import dynamic from "next/dynamic";
 import { Path, SlotID } from "../constant";
 import { ErrorBoundary } from "./error";
 
+import { getLang } from "../locales";
+
 import {
   HashRouter as Router,
   Routes,
@@ -124,7 +126,7 @@ function Screen() {
           config.tightBorder && !isMobileScreen
             ? styles["tight-container"]
             : styles.container
-        }`
+        } ${getLang() === "ar" ? styles["rtl-screen"] : ""}`
       }
     >
       {isAuth ? (