Document payment accordion styling..

This commit is contained in:
Cüneyt Şentürk
2022-06-06 18:08:03 +03:00
parent c867aad4a1
commit 9128d3d60c
2 changed files with 17 additions and 11 deletions

View File

@ -27,7 +27,7 @@
@if (! $hideAcceptPayment) @if (! $hideAcceptPayment)
<x-link href="{{ route('apps.categories.show', [ <x-link href="{{ route('apps.categories.show', [
'alias' => 'payment-method', 'alias' => 'payment-method',
'utm_source' => $type, 'utm_source' => $type,
'utm_medium' => 'app', 'utm_medium' => 'app',
'utm_campaign' => trans('documents.accept_payment_online'), 'utm_campaign' => trans('documents.accept_payment_online'),
@ -86,7 +86,7 @@
> >
<span class="border-b border-transparent transition-all hover:border-purple"> <span class="border-b border-transparent transition-all hover:border-purple">
{{ trans('general.title.edit', ['type' => trans_choice('general.payments', 1)]) }} {{ trans('general.title.edit', ['type' => trans_choice('general.payments', 1)]) }}
<span class="border-b border-transparent transition-all hover:border-purple"> </span>
</x-button> </x-button>
<span> - </span> <span> - </span>

View File

@ -26,7 +26,7 @@
@stack('timeline_get_paid_body_button_payment_end') @stack('timeline_get_paid_body_button_payment_end')
</div> </div>
<div class="text-xs mt-1" style="margin-left: 0 !important;"> <div class="text-xs mt-4" style="margin-left: 0 !important;">
<span class="font-medium"> <span class="font-medium">
{{ trans('bills.payment_made') }} : {{ trans('bills.payment_made') }} :
</span> </span>
@ -45,13 +45,17 @@
</br> </br>
@if (! empty($transaction->contact) && $transaction->contact->email) @if (! empty($transaction->contact) && $transaction->contact->email)
<x-button id="button-email-send" class="text-purple" override="class" @click="onEmail('{{ route($transactionEmailRoute, $transaction->id) }}')"> <x-button id="button-email-send" class="text-purple mt-1" override="class" @click="onEmail('{{ route($transactionEmailRoute, $transaction->id) }}')">
{{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }} <span class="border-b border-transparent transition-all hover:border-purple">
{{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }}
</span>
</x-button> </x-button>
@else @else
<x-tooltip message="{{ trans('invoices.messages.email_required') }}" placement="top"> <x-tooltip message="{{ trans('invoices.messages.email_required') }}" placement="top">
<x-button class="text-purple" override="class" disabled="disabled"> <x-button class="text-purple mt-1" override="class" disabled="disabled">
{{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }} <span class="border-b border-transparent transition-all hover:border-purple">
{{ trans('general.title.send', ['type' => trans_choice('general.receipts', 1)]) }}
</span>
</x-button> </x-button>
</x-tooltip> </x-tooltip>
@endif @endif
@ -61,10 +65,12 @@
<x-button <x-button
@click="onEditPayment('{{ $transaction->id }}')" @click="onEditPayment('{{ $transaction->id }}')"
id="button-edit-payment" id="button-edit-payment"
class="text-purple" class="text-purple mt-1"
override="class" override="class"
> >
{{ trans('general.title.edit', ['type' => trans_choice('general.payments', 1)]) }} <span class="border-b border-transparent transition-all hover:border-purple">
{{ trans('general.title.edit', ['type' => trans_choice('general.payments', 1)]) }}
</span>
</x-button> </x-button>
<span> - </span> <span> - </span>
@ -82,8 +88,8 @@
:title="trans('general.title.delete', ['type' => trans_choice('general.payments', 1)])" :title="trans('general.title.delete', ['type' => trans_choice('general.payments', 1)])"
:message="$message" :message="$message"
:label="trans('general.title.delete', ['type' => trans_choice('general.payments', 1)])" :label="trans('general.title.delete', ['type' => trans_choice('general.payments', 1)])"
class="text-purple" class="text-purple mt-1"
text-class="text-purple" text-class="border-b border-transparent transition-all hover:border-purple"
override="class" override="class"
/> />
</div> </div>