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
@@ -214,17 +214,17 @@ new class extends Component {
{{-- Action Buttons --}}
<div class="flex flex-wrap gap-2">
{{-- Password Reset Button --}}
<flux:button variant="ghost" icon="key" wire:click="openPasswordResetModal">
<flux:button variant="outline" icon="key" wire:click="openPasswordResetModal">
{{ __('clients.reset_password') }}
</flux:button>
{{-- Deactivate/Reactivate Button --}}
@if ($client->isActive())
<flux:button variant="ghost" class="text-amber-600 hover:bg-amber-50" icon="pause-circle" wire:click="openDeactivateModal">
<flux:button variant="outline" class="text-amber-600 hover:bg-amber-50" icon="pause-circle" wire:click="openDeactivateModal">
{{ __('clients.deactivate') }}
</flux:button>
@else
<flux:button variant="ghost" class="text-green-600 hover:bg-green-50" icon="play-circle" wire:click="openReactivateModal">
<flux:button variant="outline" class="text-green-600 hover:bg-green-50" icon="play-circle" wire:click="openReactivateModal">
{{ __('clients.reactivate') }}
</flux:button>
@endif
@@ -257,7 +257,7 @@ new class extends Component {
</div>
<div class="flex gap-2 pt-4">
<flux:button type="button" variant="ghost" wire:click="closeDeactivateModal">
<flux:button type="button" variant="outline" wire:click="closeDeactivateModal">
{{ __('clients.cancel') }}
</flux:button>
<flux:button type="button" variant="primary" class="bg-amber-600 hover:bg-amber-700" wire:click="deactivate">
@@ -288,7 +288,7 @@ new class extends Component {
</div>
<div class="flex gap-2 pt-4">
<flux:button type="button" variant="ghost" wire:click="closeReactivateModal">
<flux:button type="button" variant="outline" wire:click="closeReactivateModal">
{{ __('clients.cancel') }}
</flux:button>
<flux:button type="button" variant="primary" wire:click="reactivate">
@@ -327,7 +327,7 @@ new class extends Component {
</flux:field>
<div class="flex gap-2 pt-4">
<flux:button type="button" variant="ghost" wire:click="closeDeleteModal">
<flux:button type="button" variant="outline" wire:click="closeDeleteModal">
{{ __('clients.cancel') }}
</flux:button>
<flux:button type="button" variant="danger" wire:click="delete">
@@ -358,7 +358,7 @@ new class extends Component {
</div>
<div class="flex gap-2 pt-4">
<flux:button type="button" variant="ghost" wire:click="closePasswordResetModal">
<flux:button type="button" variant="outline" wire:click="closePasswordResetModal">
{{ __('clients.cancel') }}
</flux:button>
<flux:button type="button" variant="primary" wire:click="resetPassword">