fixed invisible buttons issue across the website
This commit is contained in:
@@ -282,7 +282,7 @@ new class extends Component
|
||||
</flux:field>
|
||||
|
||||
@if($search || $statusFilter || $typeFilter || $paymentFilter || $dateFrom || $dateTo)
|
||||
<flux:button wire:click="clearFilters" variant="ghost">
|
||||
<flux:button wire:click="clearFilters" variant="outline">
|
||||
{{ __('common.clear') }}
|
||||
</flux:button>
|
||||
@endif
|
||||
@@ -329,7 +329,7 @@ new class extends Component
|
||||
<a href="{{ route('admin.consultations.show', $consultation) }}" class="font-semibold text-zinc-900 hover:text-blue-600" wire:navigate>
|
||||
{{ $consultation->user?->full_name ?? __('common.unknown') }}
|
||||
</a>
|
||||
<flux:badge size="sm" variant="{{ $consultation->consultation_type === \App\Enums\ConsultationType::Paid ? 'primary' : 'outline' }}">
|
||||
<flux:badge size="sm" color="{{ $consultation->consultation_type === \App\Enums\ConsultationType::Paid ? 'indigo' : 'zinc' }}">
|
||||
{{ $consultation->consultation_type->label() }}
|
||||
</flux:badge>
|
||||
</div>
|
||||
@@ -341,16 +341,16 @@ new class extends Component
|
||||
<!-- Status Badge -->
|
||||
<div class="lg:w-24">
|
||||
@php
|
||||
$statusVariant = match($consultation->status) {
|
||||
\App\Enums\ConsultationStatus::Pending => 'warning',
|
||||
\App\Enums\ConsultationStatus::Approved => 'primary',
|
||||
\App\Enums\ConsultationStatus::Completed => 'success',
|
||||
\App\Enums\ConsultationStatus::Cancelled => 'danger',
|
||||
\App\Enums\ConsultationStatus::NoShow => 'danger',
|
||||
\App\Enums\ConsultationStatus::Rejected => 'danger',
|
||||
$statusColor = match($consultation->status) {
|
||||
\App\Enums\ConsultationStatus::Pending => 'amber',
|
||||
\App\Enums\ConsultationStatus::Approved => 'sky',
|
||||
\App\Enums\ConsultationStatus::Completed => 'green',
|
||||
\App\Enums\ConsultationStatus::Cancelled => 'red',
|
||||
\App\Enums\ConsultationStatus::NoShow => 'orange',
|
||||
\App\Enums\ConsultationStatus::Rejected => 'rose',
|
||||
};
|
||||
@endphp
|
||||
<flux:badge variant="{{ $statusVariant }}" size="sm">
|
||||
<flux:badge color="{{ $statusColor }}" size="sm">
|
||||
{{ $consultation->status->label() }}
|
||||
</flux:badge>
|
||||
</div>
|
||||
@@ -359,13 +359,13 @@ new class extends Component
|
||||
<div class="lg:w-24">
|
||||
@if($consultation->consultation_type === \App\Enums\ConsultationType::Paid)
|
||||
@php
|
||||
$paymentVariant = match($consultation->payment_status) {
|
||||
\App\Enums\PaymentStatus::Pending => 'warning',
|
||||
\App\Enums\PaymentStatus::Received => 'success',
|
||||
default => 'outline',
|
||||
$paymentColor = match($consultation->payment_status) {
|
||||
\App\Enums\PaymentStatus::Pending => 'amber',
|
||||
\App\Enums\PaymentStatus::Received => 'green',
|
||||
default => 'zinc',
|
||||
};
|
||||
@endphp
|
||||
<flux:badge variant="{{ $paymentVariant }}" size="sm">
|
||||
<flux:badge color="{{ $paymentColor }}" size="sm">
|
||||
{{ $consultation->payment_status->label() }}
|
||||
</flux:badge>
|
||||
@else
|
||||
@@ -377,7 +377,7 @@ new class extends Component
|
||||
<div class="lg:w-48 flex flex-wrap gap-2">
|
||||
<flux:button
|
||||
href="{{ route('admin.consultations.show', $consultation) }}"
|
||||
variant="filled"
|
||||
variant="outline"
|
||||
size="sm"
|
||||
wire:navigate
|
||||
>
|
||||
@@ -386,7 +386,7 @@ new class extends Component
|
||||
|
||||
@if($consultation->status === \App\Enums\ConsultationStatus::Approved)
|
||||
<flux:dropdown>
|
||||
<flux:button variant="ghost" size="sm" icon="ellipsis-vertical" />
|
||||
<flux:button variant="outline" size="sm" icon="ellipsis-vertical" />
|
||||
|
||||
<flux:menu>
|
||||
<flux:menu.item
|
||||
|
||||
Reference in New Issue
Block a user