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
@@ -195,7 +195,7 @@ new class extends Component
</flux:field>
@if($dateFrom || $dateTo)
<flux:button wire:click="clearFilters" variant="ghost">
<flux:button wire:click="clearFilters" variant="outline">
{{ __('common.clear') }}
</flux:button>
@endif
@@ -216,7 +216,7 @@ new class extends Component
<span class="font-semibold text-zinc-900">
{{ $booking->getClientName() }}
</span>
<flux:badge variant="warning" size="sm">
<flux:badge color="amber" size="sm">
{{ $booking->status->label() }}
</flux:badge>
</div>
@@ -261,7 +261,7 @@ new class extends Component
<flux:button
wire:click="quickApprove({{ $booking->id }})"
wire:confirm="{{ __('admin.confirm_quick_approve') }}"
variant="filled"
variant="outline"
size="sm"
class="!bg-emerald-600 !text-white hover:!bg-emerald-700"
>
@@ -190,7 +190,7 @@ new class extends Component
<div class="max-w-4xl mx-auto">
<div class="flex items-center gap-4 mb-6">
<flux:button href="{{ route('admin.bookings.pending') }}" variant="ghost" wire:navigate>
<flux:button href="{{ route('admin.bookings.pending') }}" variant="outline" wire:navigate>
<flux:icon name="arrow-left" class="w-4 h-4 rtl:rotate-180" />
{{ __('common.back') }}
</flux:button>
@@ -281,11 +281,11 @@ new class extends Component
</div>
<div>
<p class="text-sm text-zinc-500">{{ __('admin.current_status') }}</p>
<flux:badge :variant="match($consultation->status) {
ConsultationStatus::Pending => 'warning',
ConsultationStatus::Approved => 'success',
ConsultationStatus::Rejected => 'danger',
default => 'default',
<flux:badge :color="match($consultation->status) {
ConsultationStatus::Pending => 'amber',
ConsultationStatus::Approved => 'green',
ConsultationStatus::Rejected => 'red',
default => 'zinc',
}">
{{ $consultation->status->label() }}
</flux:badge>
@@ -316,13 +316,13 @@ new class extends Component
{{ $history->consultation_type?->value ?? '-' }}
</p>
</div>
<flux:badge :variant="match($history->status) {
ConsultationStatus::Pending => 'warning',
ConsultationStatus::Approved => 'success',
ConsultationStatus::Completed => 'default',
ConsultationStatus::Rejected => 'danger',
ConsultationStatus::Cancelled => 'danger',
ConsultationStatus::NoShow => 'danger',
<flux:badge :color="match($history->status) {
ConsultationStatus::Pending => 'amber',
ConsultationStatus::Approved => 'sky',
ConsultationStatus::Completed => 'green',
ConsultationStatus::Rejected => 'rose',
ConsultationStatus::Cancelled => 'red',
ConsultationStatus::NoShow => 'orange',
}" size="sm">
{{ $history->status->label() }}
</flux:badge>