From 946e508e8fd0f50d7794b58e65537b771e0701fe Mon Sep 17 00:00:00 2001
From: Zizwar <zizwar@gmail.com>
Date: Sat, 24 Jun 2023 05:10:34 +0000
Subject: [PATCH] Support left to right in language arabic
---
app/components/home.module.scss | 4 ++++
app/components/home.tsx | 4 +++-
2 files changed, 7 insertions(+), 1 deletion(-)
diff --git a/app/components/home.module.scss b/app/components/home.module.scss
index c6fc3674..918d8b85 100644
--- a/app/components/home.module.scss
+++ b/app/components/home.module.scss
@@ -567,3 +567,7 @@
height: 100%;
width: 100%;
}
+
+.rtl-screen{
+ direction: rtl;
+}
diff --git a/app/components/home.tsx b/app/components/home.tsx
index 46fd78e8..b4b19028 100644
--- a/app/components/home.tsx
+++ b/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 ? (