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"> <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"> <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" ref="dropdownMenu"
@click="openPalette" @click="openPalette"
:class="`bg-${color}`" :class="`bg-${color}`"

View File

@ -33,7 +33,7 @@
<span v-if="item.default" class="cursor-pointer"> <span v-if="item.default" class="cursor-pointer">
<span class="relative auto" data-tooltip-target="wizard-currency-default" data-tooltip-placement="right"> <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> </span>
<div id="wizard-currency-default" role="tooltip" <div id="wizard-currency-default" role="tooltip"

View File

@ -138,9 +138,9 @@
<x-slot name="first" class="flex items-center"> <x-slot name="first" class="flex items-center">
@if ($showLogo) @if ($showLogo)
@if (is_object($item->logo)) @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 @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
@endif @endif

View File

@ -127,7 +127,7 @@
<x-form.input.hidden name="discount" v-model="form.discount" /> <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>
<td class="border-t-0 py-0" style="max-width: 50px"></td> <td class="border-t-0 py-0" style="max-width: 50px"></td>

View File

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

View File

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