From 108248e8fc73add264d671edc0feed047aa39ee2 Mon Sep 17 00:00:00 2001
From: zaqoutabed <abdullahzaqout20@gmail.com>
Date: Tue, 17 Jan 2023 18:30:26 +0200
Subject: [PATCH] fix: fix rtl for sidebar toggle btn

---
 src/components/Modal.vue |  2 +-
 src/pages/Desk.vue       | 10 ++++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/Modal.vue b/src/components/Modal.vue
index 4a30a04a..f7726aa6 100644
--- a/src/components/Modal.vue
+++ b/src/components/Modal.vue
@@ -4,7 +4,7 @@
       class="
         fixed
         top-0
-        left-0
+        start-0
         w-screen
         h-screen
         z-20
diff --git a/src/pages/Desk.vue b/src/pages/Desk.vue
index 99726604..20fcaebd 100644
--- a/src/pages/Desk.vue
+++ b/src/pages/Desk.vue
@@ -36,15 +36,16 @@
       class="
         absolute
         bottom-0
-        left-0
+        start-0
         text-gray-600
         bg-gray-100
         rounded
+        rtl-rotate-180
         p-1
         m-4
-        opacity-0
         hover:opacity-100 hover:shadow-md
       "
+
       @click="sidebar = !sidebar"
     >
       <feather-icon name="chevrons-right" class="w-4 h-4" />
@@ -76,6 +77,11 @@ export default {
   transform: translateX(calc(-1 * var(--w-sidebar)));
   width: 0px;
 }
+[dir='rtl'] .sidebar-leave-to {
+  opacity: 0;
+  transform: translateX(calc(1 * var(--w-sidebar)));
+  width: 0px;
+}
 
 .sidebar-enter-to,
 .sidebar-leave-from {