From cdc67246bc51d058bacd65cd4672b3c6e47529c7 Mon Sep 17 00:00:00 2001
From: merve karaman <107546467+mervekaraman@users.noreply.github.com>
Date: Mon, 2 Sep 2024 14:30:56 +0300
Subject: [PATCH] RTL issues fixed

---
 .../assets/js/components/AkauntingCompanyEdit.vue  | 14 +++++++-------
 .../assets/js/components/AkauntingContactCard.vue  | 14 +++++++-------
 resources/views/auth/users/index.blade.php         |  8 ++++----
 3 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/resources/assets/js/components/AkauntingCompanyEdit.vue b/resources/assets/js/components/AkauntingCompanyEdit.vue
index fbc8631a6..a251104b4 100644
--- a/resources/assets/js/components/AkauntingCompanyEdit.vue
+++ b/resources/assets/js/components/AkauntingCompanyEdit.vue
@@ -4,30 +4,30 @@
             <table>
                 <tbody>
                     <tr>
-                        <th class="text-left p-0">
-                            <span class="font-medium text-left text-sm p-0">{{ company.name }}</span>
+                        <th class="ltr:text-left rtl:text-right p-0">
+                            <span class="font-medium ltr:text-left rtl:text-right text-sm p-0">{{ company.name }}</span>
                         </th>
                     </tr>
                     <tr v-if="company.address">
-                        <th class="font-normal text-sm text-left p-0">
+                        <th class="font-normal text-sm ltr:text-left rtl:text-right p-0">
                             {{ company.address }}
                         </th>
                     </tr>
                     <tr v-if="company.location">
-                        <th class="font-normal text-sm text-left p-0" v-html="company.location"></th>
+                        <th class="font-normal text-sm ltr:text-left rtl:text-right p-0" v-html="company.location"></th>
                     </tr>
                     <tr v-if="company.tax_number">
-                        <th class="font-normal text-sm text-left p-0">
+                        <th class="font-normal text-sm ltr:text-left rtl:text-right p-0">
                             {{ taxNumberText }}: {{ company.tax_number }}
                         </th>
                     </tr>
                     <tr v-if="company.phone">
-                        <th class="font-normal text-sm text-left p-0">
+                        <th class="font-normal text-sm ltr:text-left rtl:text-right p-0">
                             {{ company.phone }}
                         </th>
                     </tr>
                     <tr>
-                        <th class="font-normal text-sm text-left p-0">
+                        <th class="font-normal text-sm ltr:text-left rtl:text-right p-0">
                             {{ company.email }}
                         </th>
                     </tr>
diff --git a/resources/assets/js/components/AkauntingContactCard.vue b/resources/assets/js/components/AkauntingContactCard.vue
index 39f6e1881..9f6cb8a95 100644
--- a/resources/assets/js/components/AkauntingContactCard.vue
+++ b/resources/assets/js/components/AkauntingContactCard.vue
@@ -61,27 +61,27 @@
                     <table class="table table-borderless p-0">
                         <tbody>
                             <tr>
-                                <th class="font-medium text-left text-sm p-0">
+                                <th class="font-medium ltr:text-left rtl:text-right text-sm p-0">
                                     <span class="block">{{ contact.name }}</span>
                                 </th>
                             </tr>
                             <tr v-if="contact.address">
-                                <th class="font-normal text-xs text-left p-0">
+                                <th class="font-normal text-xs ltr:text-left rtl:text-right p-0">
                                     <div class="w-60 truncate">
                                         {{ contact.address }}
                                     </div>
                                 </th>
                             </tr>
                             <tr v-if="contact.location">
-                                <th class="font-normal text-sm text-left p-0" v-html="contact.location"></th>
+                                <th class="font-normal text-sm ltr:text-left rtl:text-right p-0" v-html="contact.location"></th>
                             </tr>
                             <tr v-if="contact.tax_number">
-                                <th class="font-normal text-xs text-left p-0">
+                                <th class="font-normal text-xs ltr:text-left rtl:text-right p-0">
                                     {{ taxNumberText }}: {{ contact.tax_number }}
                                 </th>
                             </tr>
                             <tr v-if="contact.phone">
-                                <th class="font-normal text-xs text-left p-0">
+                                <th class="font-normal text-xs ltr:text-left rtl:text-right p-0">
                                     {{ contact.phone }} &nbsp;
                                     <span v-if="contact.email">
                                     - {{ contact.email }}
@@ -93,12 +93,12 @@
                 </div>
             </div>  
             <div :class="show.contact_selected ? 'flex' : 'hidden'" class="absolute flex-col mt-2">
-                <button type="button" class="p-0 text-xs text-purple ltr:text-left rtl:text-right" @click="onContactEdit">
+                <button type="button" class="p-0 text-xs text-purple ltr:ltr:text-left rtl:text-right rtl:text-right" @click="onContactEdit">
                     <span class="bg-no-repeat bg-0-2 bg-0-full hover:bg-full-2 bg-gradient-to-b from-transparent to-purple transition-backgroundSize">
                         {{ editContactText.replace(':contact_name', contact.name).replace(':field', contact.name) }}
                     </span>
                 </button>
-                <button type="button" class="p-0 text-xs text-purple ltr:text-left rtl:text-right" @click="onContactList">
+                <button type="button" class="p-0 text-xs text-purple ltr:ltr:text-left rtl:text-right rtl:text-right" @click="onContactList">
                     <span class="bg-no-repeat bg-0-2 bg-0-full hover:bg-full-2 bg-gradient-to-b from-transparent to-purple transition-backgroundSize">
                         {{ chooseDifferentContactText }}
                     </span>
diff --git a/resources/views/auth/users/index.blade.php b/resources/views/auth/users/index.blade.php
index 8e3541465..2c3503fd0 100644
--- a/resources/views/auth/users/index.blade.php
+++ b/resources/views/auth/users/index.blade.php
@@ -56,13 +56,13 @@
                                 </x-table.td>
 
                                 <x-table.td class="w-8/12 sm:w-5/12">
-                                    <div class="flex items-center space-x-2">
+                                    <div class="flex items-center space-x-2 rtl:space-x-reverse">
                                         @if (setting('default.use_gravatar', '0') == '1')
-                                            <img src="{{ $item->picture }}" class="w-6 h-6 rounded-full mr-2 hidden lg:block text-transparent" title="{{ $item->name }}" alt="{{ $item->name }}">
+                                            <img src="{{ $item->picture }}" class="w-6 h-6 rounded-full ltr:mr-2 rtl:ml-2 hidden lg:block text-transparent" title="{{ $item->name }}" alt="{{ $item->name }}">
                                         @elseif (is_object($item->picture))
-                                            <img src="{{ Storage::url($item->picture->id) }}" class="w-6 h-6 rounded-full mr-2 hidden lg:block text-transparent" alt="{{ $item->name }}" title="{{ $item->name }}">
+                                            <img src="{{ Storage::url($item->picture->id) }}" class="w-6 h-6 rounded-full ltr:mr-2 rtl:ml-2 hidden lg:block text-transparent" alt="{{ $item->name }}" title="{{ $item->name }}">
                                         @else
-                                            <img src="{{ asset('public/img/user.svg') }}" class="w-6 h-6 rounded-full mr-2 hidden lg:block text-transparent" alt="{{ $item->name }}"/>
+                                            <img src="{{ asset('public/img/user.svg') }}" class="w-6 h-6 rounded-full ltr:mr-2 rtl:ml-2 hidden lg:block text-transparent" alt="{{ $item->name }}"/>
                                         @endif
 
                                         {{ !empty($item->name) ? $item->name : trans('general.na') }}