RTL style problems fixed

akaunting · Feb 7, 2023 · d87e0be · d87e0be
1 parent 033d4f3
commit d87e0be
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/resources/views/components/empty-page.blade.php b/resources/views/components/empty-page.blade.php
@@ -58,7 +58,7 @@
                                 </div>
                             </div>
 
-                            <span class="material-icons text-gray-500">chevron_right</span>
+                            <span class="material-icons text-gray-500 rtl:rotate-180">chevron_right</span>
                         </x-link>
                     </li>
                 @endforeach
@@ -67,7 +67,7 @@
     </div>
 
     <div class="w-full lg:w-1/2 flex justify-end mt-8 lg:mt-60">
-        <img src="{{ $image }}" alt="{{ $title }}" />
+        <img src="{{ $image }}" alt="{{ $title }}" class="ltr:scale-x-100 rtl:-scale-x-100" />
     </div>
 </div>
 
@@ -78,3 +78,4 @@
         }
     </style>
 @endpush
+
diff --git a/resources/views/components/layouts/admin/menu.blade.php b/resources/views/components/layouts/admin/menu.blade.php
@@ -117,7 +117,7 @@ class="flex flex-col items-center justify-center mb-5 cursor-pointer menu-button
                 </div>
 
                 <div class="flex ltr:ml-2 rtl:mr-2">
-                    <span class="w-28 text-left block text-base truncate">
+                    <span class="w-28 ltr:text-left rtl:text-right block text-base truncate">
                         <x-button.hover>
                             {{ Str::limit(setting('company.name'), 22) }}
                         </x-button.hover>
@@ -235,3 +235,4 @@ class="flex flex-col items-center justify-center mb-5 cursor-pointer menu-button
 <x-loading.menu />
 
 @stack('menu_end')
+
diff --git a/resources/views/components/layouts/portal/menu.blade.php b/resources/views/components/layouts/portal/menu.blade.php
@@ -88,7 +88,7 @@ class="flex flex-col items-center justify-center mb-5 cursor-pointer menu-button
                 </div>
 
                 <div class="flex ltr:ml-2 rtl:mr-2">
-                    <span class="w-28 text-left block text-base truncate">
+                    <span class="w-28 ltr:text-left rtl:text-right block text-base truncate">
                         <x-button.hover>
                             {{ Str::limit(setting('company.name'), 22) }}
                         </x-button.hover>
@@ -182,3 +182,4 @@ class="flex flex-col items-center justify-center mb-5 cursor-pointer menu-button
 <x-loading.menu />
 
 @stack('menu_end')
+