Edit Arrows in Location in rtl

AQuadic · Nov 4, 2024 · 848e6e8 · 848e6e8
1 parent 99bf1a1
commit 848e6e8
Show file tree

Hide file tree

Showing 15 changed files with 52 additions and 52 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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 -->