From 848e6e80023645cbfd46b9300a46fb6c064361ed Mon Sep 17 00:00:00 2001
From: asmaamostafa74 <asmaaelbanaa123@gmail.com>
Date: Mon, 4 Nov 2024 12:51:08 +0200
Subject: [PATCH] Edit Arrows in Location in rtl

---
 src/blog.html                  | 20 ++++++++++----------
 src/blogDetails.html           | 24 ++++++++++++------------
 src/checkout.html              |  4 ++--
 src/checkoutSuccess.html       |  6 +++---
 src/customerSupport.html       |  2 +-
 src/dashboard.html             |  4 ++--
 src/dashboardSetting.html      |  6 +++---
 src/faqs.html                  |  4 ++--
 src/login.html                 |  4 ++--
 src/orderDetails.html          |  4 ++--
 src/orderHistory.html          |  4 ++--
 src/sec_trackorder.html        |  4 ++--
 src/sec_trackorderDetails.html |  4 ++--
 src/signUp.html                |  4 ++--
 src/trackOrder.html            | 10 +++++-----
 15 files changed, 52 insertions(+), 52 deletions(-)

diff --git a/src/blog.html b/src/blog.html
index 90ad937..93a6bea 100644
--- a/src/blog.html
+++ b/src/blog.html
@@ -20,16 +20,16 @@
     <hr class="mt-2 sm:block hidden">
 
     <!-- Start Location -->
-    <section class="w-full h-[72px] bg-[#F2F4F5] mt-[13px] md:px-0 px-2">
-        <div class="flex items-center container mx-auto gap-2 pt-[26px]">
-                <img src="../assets/images/House.svg" alt="Home Icon">
-                <p class="text-[#5F6C72] font-normal text-sm">Home</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
-                <p class="text-[#5F6C72] font-normal text-sm">Pages</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
-                <p class="text-[#2DA5F3] text-sm font-medium">Blog</p>
-            </div>
-    </section>
+        <section class="w-full h-[72px] bg-[#F2F4F5] mt-[13px] md:px-0 px-2">
+            <div class="flex items-center container mx-auto gap-2 pt-[26px]">
+                    <img src="../assets/images/House.svg" alt="Home Icon">
+                    <p class="text-[#5F6C72] font-normal text-sm">Home</p>
+                    <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
+                    <p class="text-[#5F6C72] font-normal text-sm">Pages</p>
+                    <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
+                    <p class="text-[#2DA5F3] text-sm font-medium">Blog</p>
+                </div>
+        </section>
     <!-- End Location -->
 
     <!-- Start Search -->
diff --git a/src/blogDetails.html b/src/blogDetails.html
index e13df90..05f00bd 100644
--- a/src/blogDetails.html
+++ b/src/blogDetails.html
@@ -20,18 +20,18 @@
     <hr class="mt-2 sm:block hidden">
 
     <!-- Start Location -->
-    <section class="w-full h-[72px] bg-[#F2F4F5] mt-[13px] md:px-0 px-2">
-        <div class="flex items-center container mx-auto gap-2 pt-[26px]">
-                <img src="../assets/images/House.svg" alt="Home Icon">
-                <p class="text-[#5F6C72] font-normal text-sm">Home</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
-                <p class="text-[#5F6C72] font-normal text-sm">Pages</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
-                <p class="text-[#5F6C72] font-normal text-sm">Blog</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
-                <p class="text-[#2DA5F3] text-sm font-medium">Blog Detail</p>
-        </div>
-    </section>
+        <section class="w-full h-[72px] bg-[#F2F4F5] mt-[13px] md:px-0 px-2">
+            <div class="flex items-center container mx-auto gap-2 pt-[26px]">
+                    <img src="../assets/images/House.svg" alt="Home Icon">
+                    <p class="text-[#5F6C72] font-normal text-sm">Home</p>
+                    <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
+                    <p class="text-[#5F6C72] font-normal text-sm">Pages</p>
+                    <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
+                    <p class="text-[#5F6C72] font-normal text-sm">Blog</p>
+                    <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
+                    <p class="text-[#2DA5F3] text-sm font-medium">Blog Detail</p>
+            </div>
+        </section>
     <!-- End Location -->
 
     <!-- Start Blog Details -->
diff --git a/src/checkout.html b/src/checkout.html
index 2cb9758..b05b73b 100644
--- a/src/checkout.html
+++ b/src/checkout.html
@@ -24,9 +24,9 @@
             <div class="flex items-center container mx-auto gap-2 pt-[26px]">
                 <img src="../assets/images/House.svg" alt="Home Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">Home</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">Shopping Card</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#2DA5F3] text-sm font-medium">Checkout</p>
             </div>
         </section>
diff --git a/src/checkoutSuccess.html b/src/checkoutSuccess.html
index 5a86281..e0809dc 100644
--- a/src/checkoutSuccess.html
+++ b/src/checkoutSuccess.html
@@ -20,13 +20,13 @@
     <hr class="mt-2 sm:block hidden">
 
     <!-- Start Location -->
-    <section class="w-full h-[72px] bg-[#F2F4F5] mt-[13px] md:px-0 px-2">
+        <section class="w-full h-[72px] bg-[#F2F4F5] mt-[13px] md:px-0 px-2">
         <div class="flex items-center container mx-auto gap-2 pt-[26px]">
                 <img src="../assets/images/House.svg" alt="Home Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">Home</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">Shopping Card</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#2DA5F3] text-sm font-medium">Checkout</p>
             </div>
         </section>
diff --git a/src/customerSupport.html b/src/customerSupport.html
index 57d9c01..9425270 100644
--- a/src/customerSupport.html
+++ b/src/customerSupport.html
@@ -24,7 +24,7 @@
         <div class="flex items-center container mx-auto gap-2 pt-[26px]">
                 <img src="../assets/images/House.svg" alt="Home Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">Home</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#2DA5F3] text-sm font-medium">Customer Support</p>
             </div>
         </section>
diff --git a/src/dashboard.html b/src/dashboard.html
index 9e843ec..0275328 100644
--- a/src/dashboard.html
+++ b/src/dashboard.html
@@ -24,9 +24,9 @@
             <div class="flex items-center container mx-auto gap-2 pt-[26px]">
                 <img src="../assets/images/House.svg" alt="Home Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">Home</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">User Account</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#2DA5F3] text-sm font-medium">Dashboard</p>
             </div>
         </section>
diff --git a/src/dashboardSetting.html b/src/dashboardSetting.html
index 020dbcf..d2a86c0 100644
--- a/src/dashboardSetting.html
+++ b/src/dashboardSetting.html
@@ -22,11 +22,11 @@
             <div class="flex items-center container mx-auto md:gap-2 gap-1 pt-[26px]">
                 <img src="../assets/images/House.svg" alt="Home Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">Home</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">User Account</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">Dashboard</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#2DA5F3] text-sm font-medium">Cards & Address</p>
             </div>
         </section>
diff --git a/src/faqs.html b/src/faqs.html
index 151d13f..2c3a213 100644
--- a/src/faqs.html
+++ b/src/faqs.html
@@ -30,9 +30,9 @@
             <div class="flex items-center container mx-auto gap-2 pt-[26px]">
                     <img src="../assets/images/House.svg" alt="Home Icon">
                     <p class="text-[#5F6C72] font-normal text-sm">Home</p>
-                    <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                    <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                     <p class="text-[#5F6C72] font-normal text-sm">Pages</p>
-                    <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                    <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                     <p class="text-[#2DA5F3] text-sm font-medium">FAQs</p>
             </div>
         </section>
diff --git a/src/login.html b/src/login.html
index efb4bb2..91ae165 100644
--- a/src/login.html
+++ b/src/login.html
@@ -24,9 +24,9 @@
             <div class="flex items-center container mx-auto gap-2 pt-[26px]">
                     <img src="../assets/images/House.svg" alt="Home Icon">
                     <p class="text-[#5F6C72] font-normal text-sm">Home</p>
-                    <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                    <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                     <p class="text-[#5F6C72] font-normal text-sm">User Account</p>
-                    <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                    <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                     <p class="text-[#2DA5F3] text-sm font-medium">Sign In</p>
                 </div>
         </section>
diff --git a/src/orderDetails.html b/src/orderDetails.html
index b126dbf..8459bee 100644
--- a/src/orderDetails.html
+++ b/src/orderDetails.html
@@ -24,9 +24,9 @@
             <div class="flex items-center container mx-auto gap-2 pt-[26px]">
                 <img src="../assets/images/House.svg" alt="Home Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">Home</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">Pages</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#2DA5F3] text-sm font-medium">Order Details</p>
             </div>
         </section>
diff --git a/src/orderHistory.html b/src/orderHistory.html
index 1af24d2..8110101 100644
--- a/src/orderHistory.html
+++ b/src/orderHistory.html
@@ -24,9 +24,9 @@
             <div class="flex items-center container mx-auto gap-2 pt-[26px]">
                 <img src="../assets/images/House.svg" alt="Home Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">Home</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">Pages</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#2DA5F3] text-sm font-medium">Order History</p>
             </div>
         </section>
diff --git a/src/sec_trackorder.html b/src/sec_trackorder.html
index 64bd96f..e89d05a 100644
--- a/src/sec_trackorder.html
+++ b/src/sec_trackorder.html
@@ -21,9 +21,9 @@
             <div class="flex items-center container mx-auto gap-2 pt-[26px]">
                 <img src="../assets/images/House.svg" alt="Home Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">Home</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">Pages</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#2DA5F3] text-sm font-medium">Track Order</p>
             </div>
         </div>
diff --git a/src/sec_trackorderDetails.html b/src/sec_trackorderDetails.html
index d7a351b..e309cdc 100644
--- a/src/sec_trackorderDetails.html
+++ b/src/sec_trackorderDetails.html
@@ -22,9 +22,9 @@
             <div class="flex items-center container mx-auto gap-2  pt-[26px]">
                 <img src="../assets/images/House.svg" alt="Home Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">Home</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">Pages</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#2DA5F3] text-sm font-medium">Track Order Details</p>
             </div>
         </div>
diff --git a/src/signUp.html b/src/signUp.html
index d23eb11..8fc916f 100644
--- a/src/signUp.html
+++ b/src/signUp.html
@@ -24,9 +24,9 @@
             <div class="flex items-center container mx-auto gap-2 pt-[26px]">
                     <img src="../assets/images/House.svg" alt="Home Icon">
                     <p class="text-[#5F6C72] font-normal text-sm">Home</p>
-                    <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                    <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                     <p class="text-[#5F6C72] font-normal text-sm">User Account</p>
-                    <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                    <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                     <p class="text-[#2DA5F3] text-sm font-medium">Sign Up</p>
             </div>
         </section>
diff --git a/src/trackOrder.html b/src/trackOrder.html
index 4b6e229..df0975f 100644
--- a/src/trackOrder.html
+++ b/src/trackOrder.html
@@ -18,16 +18,16 @@
     <hr class="mt-2 sm:block hidden">
 
     <!-- Start Location -->
-        <div class="w-full h-[72px] bg-[#F2F4F5] mt-[13px]">
-            <div class="flex items-center container mx-auto gap-2 pt-[26px]">
+        <section class="w-full h-[72px] bg-[#F2F4F5] mt-[13px] md:px-0 px-2">
+        <div class="flex items-center container mx-auto gap-2 pt-[26px]">
                 <img src="../assets/images/House.svg" alt="Home Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">Home</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#5F6C72] font-normal text-sm">Pages</p>
-                <img src="../assets/images/arrow.svg" alt="Arrow Icon">
+                <img src="../assets/images/arrow.svg" class="transform ltr:scale-x-100 rtl:scale-x-[-1]" alt="Arrow Icon">
                 <p class="text-[#2DA5F3] text-sm font-medium">Track Order</p>
             </div>
-        </div>
+        </section>
     <!-- End Location -->
 
     <!-- Start Search -->