fixed invisible buttons issue across the website
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user