fixed invisible buttons issue across the website

This commit is contained in:
Naser Mansour
2026-01-09 19:32:10 +02:00
parent 80072eae56
commit 773e1d3f7f
39 changed files with 155 additions and 155 deletions
@@ -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