naser/libra
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed invisible buttons issue across the website

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/livewire/admin/consultations/show.blade.php
+22 -22
View File
@@ -311,7 +311,7 @@ new class extends Component
<div class="max-w-5xl mx-auto">
<div class="mb-6">
<flux:button href="{{ route('admin.consultations.index') }}" variant="ghost" icon="arrow-left" wire:navigate>
<flux:button href="{{ route('admin.consultations.index') }}" variant="outline" icon="arrow-left" wire:navigate>
{{ __('common.back') }}
</flux:button>
</div>
@@ -321,7 +321,7 @@ new class extends Component
@if($consultation->status === \App\Enums\ConsultationStatus::Approved)
<div class="flex gap-2">
<flux:button wire:click="openRescheduleModal" variant="filled" icon="calendar">
<flux:button wire:click="openRescheduleModal" variant="outline" icon="calendar">
{{ __('admin.reschedule') }}
</flux:button>
</div>
@@ -370,16 +370,16 @@ new class extends Component
<dt class="text-sm text-zinc-500">{{ __('admin.current_status') }}</dt>
<dd>
@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 }}">
<flux:badge color="{{ $statusColor }}">
{{ $consultation->status->label() }}
</flux:badge>
</dd>
@@ -387,7 +387,7 @@ new class extends Component
<div>
<dt class="text-sm text-zinc-500">{{ __('admin.consultation_type') }}</dt>
<dd>
<flux:badge variant="{{ $consultation->consultation_type === \App\Enums\ConsultationType::Paid ? 'primary' : 'outline' }}">
<flux:badge color="{{ $consultation->consultation_type === \App\Enums\ConsultationType::Paid ? 'indigo' : 'zinc' }}">
{{ $consultation->consultation_type->label() }}
</flux:badge>
</dd>
@@ -430,13 +430,13 @@ new class extends Component
<dt class="text-sm text-zinc-500">{{ __('admin.payment_status') }}</dt>
<dd>
@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 }}">
<flux:badge color="{{ $paymentColor }}">
{{ $consultation->payment_status->label() }}
</flux:badge>
</dd>
@@ -491,7 +491,7 @@ new class extends Component
@enderror
</flux:field>
<div class="mt-2 flex gap-2 justify-end">
<flux:button wire:click="cancelEditNote" variant="ghost" size="sm">
<flux:button wire:click="cancelEditNote" variant="outline" size="sm">
{{ __('common.cancel') }}
</flux:button>
<flux:button wire:click="updateNote" variant="primary" size="sm">
@@ -510,7 +510,7 @@ new class extends Component
<span>{{ \Carbon\Carbon::parse($note['created_at'])->translatedFormat('d M Y, g:i A') }}</span>
</div>
<div class="mt-2 flex gap-2 justify-end">
<flux:button wire:click="startEditNote({{ $index }})" variant="ghost" size="sm">
<flux:button wire:click="startEditNote({{ $index }})" variant="outline" size="sm">
{{ __('common.edit') }}
</flux:button>
<flux:button
@@ -560,7 +560,7 @@ new class extends Component
<div class="mt-4 pt-4 border-t border-zinc-200">
<flux:button
href="{{ route('admin.clients.consultation-history', $consultation->user) }}"
variant="ghost"
variant="outline"
size="sm"
class="w-full"
wire:navigate
@@ -582,7 +582,7 @@ new class extends Component
<flux:button
wire:click="markCompleted"
wire:confirm="{{ __('admin.confirm_mark_completed') }}"
variant="filled"
variant="outline"
class="w-full"
icon="check-circle"
>
@@ -592,7 +592,7 @@ new class extends Component
<flux:button
wire:click="markNoShow"
wire:confirm="{{ __('admin.confirm_mark_no_show') }}"
variant="ghost"
variant="outline"
class="w-full"
icon="x-circle"
>
@@ -672,7 +672,7 @@ new class extends Component
</div>
<div class="mt-6 flex gap-2 justify-end">
<flux:button wire:click="closeRescheduleModal" variant="ghost">
<flux:button wire:click="closeRescheduleModal" variant="outline">
{{ __('common.cancel') }}
</flux:button>
<flux:button wire:click="reschedule" variant="primary" :disabled="!$newDate || !$newTime">