ui improvements

This commit is contained in:
Burak Civan 2022-11-30 11:07:32 +03:00
parent 62ed0a7344
commit 7e935ee5a8
4 changed files with 14 additions and 9 deletions

5
public/css/app.css vendored
View File

@ -57157,6 +57157,11 @@ body{
line-height: 2.75rem;
}
.sm\:text-sm{
font-size: 0.875rem;
line-height: 1.25rem;
}
.sm\:text-purple{
--tw-text-opacity: 1;
color: rgb(85 88 139 / var(--tw-text-opacity));

View File

@ -31,8 +31,8 @@
<div class="p-5 border-gray-300">
<slot name="card-footer">
<div class="flex items-center justify-end">
<button type="button" class="px-6 py-1.5 ltr:mr-2 rtl:ml-2 hover:bg-gray-200 rounded-lg" @click="onCancel">
<div class="flex items-center justify-end space-x-2 rtl:space-x-reverse">
<button type="button" class="px-6 py-1.5 hover:bg-gray-200 rounded-lg" @click="onCancel">
{{ button_cancel }}
</button>

View File

@ -36,12 +36,12 @@
<div class="p-5 border-gray-300">
<slot name="card-footer">
<div class="flex items-center justify-end">
<button type="button" class="px-6 py-1.5 mr-2 hover:bg-gray-200 rounded-lg" :class="buttons.cancel.class" @click="onCancel">
<div class="flex items-center justify-end space-x-2 rtl:space-x-reverse">
<button type="button" class="px-6 py-1.5 hover:bg-gray-200 rounded-lg" :class="buttons.cancel.class" @click="onCancel">
{{ buttons.cancel.text }}
</button>
<a v-if="buttons.payment" :href="buttons.payment.url" class="px-3 py-1.5 mb-3 sm:mb-0 text-xs bg-transparent hover:bg-transparent font-medium leading-6 ltr:mr-2 rtl:ml-2" :class="buttons.payment.class">
<a v-if="buttons.payment" :href="buttons.payment.url" class="px-6 py-1.5 text-xs bg-transparent hover:bg-gray-200 font-medium rounded-lg leading-6" :class="buttons.payment.class">
{{ buttons.payment.text }}
</a>

View File

@ -35,7 +35,7 @@
@case('button')
<button type="button" class="w-full flex items-center text-purple px-2 h-9 leading-9" {!! $action['attributes'] ?? null !!}>
<div class="w-full h-full flex items-center rounded-md px-2 text-sm hover:bg-lilac-100">
<span class="material-icons-outlined text-purple text-lg mr-2 pointer-events-none">
<span class="material-icons-outlined text-purple text-lg ltr:mr-2 rtl:ml-2 pointer-events-none">
{{ $action['icon'] }}
</span>
@ -57,7 +57,7 @@
@default
<a href="{{ $action['url'] }}" class="w-full flex items-center text-purple px-2 h-9 leading-9" {!! $action['attributes'] ?? null !!}>
<div class="w-full h-full flex items-center rounded-md px-2 text-sm hover:bg-lilac-100">
<span class="material-icons-outlined text-purple text-lg mr-2 pointer-events-none">
<span class="material-icons-outlined text-purple text-lg ltr:mr-2 rtl:ml-2 pointer-events-none">
{{ $action['icon'] }}
</span>
@ -101,7 +101,7 @@
<button type="button" class="w-full flex items-center text-purple px-2 h-9 leading-9" {!! $action['attributes'] ?? null !!}>
<div class="w-full h-full flex items-center rounded-md px-2 text-sm hover:bg-lilac-100">
<span class="material-icons-outlined text-purple text-lg mr-2 pointer-events-none">
<span class="material-icons-outlined text-purple text-lg ltr:mr-2 rtl:mr-2 pointer-events-none">
{{ $action['icon'] }}
</span>
@ -135,7 +135,7 @@
<a href="{{ $action['url'] }}" class="w-full flex items-center text-purple px-2 h-9 leading-9" {!! $action['attributes'] ?? null !!}>
<div class="w-full h-full flex items-center rounded-md px-2 text-sm hover:bg-lilac-100">
<span class="material-icons-outlined text-purple text-lg mr-2 pointer-events-none">
<span class="material-icons-outlined text-purple text-lg ltr:mr-2 rtl:ml-2 pointer-events-none">
{{ $action['icon'] }}
</span>