RTL issues solved

This commit is contained in:
Merve Karaman 2023-08-22 10:47:44 +03:00
parent 18def98537
commit 145dd635ba
6 changed files with 8 additions and 7 deletions

View File

@ -12,7 +12,7 @@
<div class="flex justify-between relative mt-1">
<input type="text" @change="change" :name="name" :id="name" v-model="color" @keyup="addColor" class="w-full text-sm px-3 py-2.5 mt-1 rounded-lg border border-light-gray text-black placeholder-light-gray bg-white disabled:bg-gray-200 focus:outline-none focus:ring-transparent focus:border-purple">
<div class="absolute w-7 h-7 flex rounded-full my-auto bottom-2 right-2 cursor-pointer"
<div class="absolute w-7 h-7 flex rounded-full my-auto bottom-2 ltr:right-2 rtl:left-2 cursor-pointer"
ref="dropdownMenu"
@click="openPalette"
:class="`bg-${color}`"

View File

@ -33,7 +33,7 @@
<span v-if="item.default" class="cursor-pointer">
<span class="relative auto" data-tooltip-target="wizard-currency-default" data-tooltip-placement="right">
<span class="material-icons-round text-purple text-sm ml-2">lock</span>
<span class="material-icons-round text-purple text-sm ltr:ml-2 rtl:mr-2">lock</span>
</span>
<div id="wizard-currency-default" role="tooltip"

View File

@ -138,9 +138,9 @@
<x-slot name="first" class="flex items-center">
@if ($showLogo)
@if (is_object($item->logo))
<img src="{{ Storage::url($item->logo->id) }}" class="absolute w-6 h-6 bottom-6 rounded-full mr-2 hidden lg:block" alt="{{ $item->name }}" title="{{ $item->name }}">
<img src="{{ Storage::url($item->logo->id) }}" class="absolute w-6 h-6 bottom-6 rounded-full ltr:mr-3 rtl:ml-3 hidden lg:block" alt="{{ $item->name }}" title="{{ $item->name }}">
@else
<img src="{{ asset('public/img/user.svg') }}" class="absolute w-6 h-6 bottom-6 rounded-full mr-2 hidden lg:block" alt="{{ $item->name }}"/>
<img src="{{ asset('public/img/user.svg') }}" class="absolute w-6 h-6 bottom-6 rounded-full ltr:mr-3 rtl:ml-3 hidden lg:block" alt="{{ $item->name }}"/>
@endif
@endif

View File

@ -127,7 +127,7 @@
<x-form.input.hidden name="discount" v-model="form.discount" />
<span v-if="delete_discount" @click="onRemoveDiscountArea()" class="material-icons-outlined absolute w-6 h-7 flex justify-center -right-10 top-2 text-lg text-gray-300 rounded-lg cursor-pointer hover:bg-gray-100 hover:text-gray-500">delete</span>
<span v-if="delete_discount" @click="onRemoveDiscountArea()" class="material-icons-outlined absolute w-6 h-7 flex justify-center ltr:-right-10 rtl:-left-10 top-2 text-lg text-gray-300 rounded-lg cursor-pointer hover:bg-gray-100 hover:text-gray-500">delete</span>
</td>
<td class="border-t-0 py-0" style="max-width: 50px"></td>

View File

@ -43,7 +43,7 @@
{{ trans('widgets.periods.' . $name) }}
</div>
<div class="pl-12 text-sm">
<div class="ltr:pl-10 rtl:pr-10 text-sm">
{{ $amount }}
</div>
</div>

View File

@ -98,4 +98,5 @@ rtl:border-r-8
ltr:float-right
ltr:float-left
rtl:float-right
rtl:float-left
rtl:float-left
rtl:rotate-180