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
@@ -106,7 +106,7 @@ new class extends Component {
<div>
<div class="mb-6">
<flux:button variant="ghost" :href="route('admin.dashboard')" wire:navigate icon="arrow-left">
<flux:button variant="outline" :href="route('admin.dashboard')" wire:navigate icon="arrow-left">
{{ __('timelines.back_to_timelines') }}
</flux:button>
</div>
@@ -128,7 +128,7 @@ new class extends Component {
<div class="font-medium text-zinc-900 ">{{ $selectedUser->full_name }}</div>
<div class="text-sm text-zinc-500 ">{{ $selectedUser->email }}</div>
</div>
<flux:button variant="ghost" size="sm" wire:click="clearSelection" icon="x-mark" />
<flux:button variant="outline" size="sm" wire:click="clearSelection" icon="x-mark" />
</div>
@else
<div class="relative">
@@ -211,7 +211,7 @@ new class extends Component {
</flux:field>
<div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6 ">
<flux:button variant="ghost" :href="route('admin.dashboard')" wire:navigate>
<flux:button variant="outline" :href="route('admin.dashboard')" wire:navigate>
{{ __('timelines.cancel') }}
</flux:button>
<flux:button variant="primary" type="submit">
@@ -280,7 +280,7 @@ new class extends Component {
@if ($clientId || $status !== 'all' || $dateFrom || $dateTo || $includeUpdates)
<div class="mt-4">
<flux:button wire:click="clearFilters" variant="ghost" icon="x-mark" size="sm">
<flux:button wire:click="clearFilters" variant="outline" icon="x-mark" size="sm">
{{ __('export.clear_filters') }}
</flux:button>
</div>
@@ -312,7 +312,7 @@ new class extends Component {
wire:click="exportPdf"
wire:loading.attr="disabled"
wire:target="exportCsv,exportPdf"
variant="filled"
variant="outline"
icon="document-text"
class="!bg-zinc-700 !text-white hover:!bg-zinc-800"
:disabled="$previewCount === 0"
@@ -200,7 +200,7 @@ new class extends Component
</flux:field>
@if($search || $clientFilter || $statusFilter || $dateFrom || $dateTo)
<flux:button wire:click="clearFilters" variant="ghost">
<flux:button wire:click="clearFilters" variant="outline">
{{ __('common.clear') }}
</flux:button>
@endif
@@ -288,7 +288,7 @@ new class extends Component
<!-- Updates Count -->
<div class="lg:w-20 text-center">
<flux:badge variant="outline" size="sm">
<flux:badge color="zinc" size="sm">
{{ $timeline->updates_count }}
</flux:badge>
</div>
@@ -297,7 +297,7 @@ new class extends Component
<div class="lg:w-32 flex gap-2">
<flux:button
href="{{ route('admin.timelines.show', $timeline) }}"
variant="filled"
variant="outline"
size="sm"
wire:navigate
>
@@ -305,7 +305,7 @@ new class extends Component
</flux:button>
<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
@@ -151,7 +151,7 @@ new class extends Component {
<div>
<div class="mb-6">
<flux:button variant="ghost" :href="route('admin.dashboard')" wire:navigate icon="arrow-left">
<flux:button variant="outline" :href="route('admin.dashboard')" wire:navigate icon="arrow-left">
{{ __('timelines.back_to_timelines') }}
</flux:button>
</div>
@@ -244,7 +244,7 @@ new class extends Component {
<flux:button variant="primary" type="submit">
{{ __('timelines.save_edit') }}
</flux:button>
<flux:button variant="ghost" type="button" wire:click="cancelEdit">
<flux:button variant="outline" type="button" wire:click="cancelEdit">
{{ __('timelines.cancel') }}
</flux:button>
@else
@@ -297,7 +297,7 @@ new class extends Component {
@if(!$editingUpdateId && $timeline->isActive())
<flux:button
variant="ghost"
variant="outline"
size="sm"
wire:click="editUpdate({{ $update->id }})"
icon="pencil"
@@ -328,7 +328,7 @@ new class extends Component {
<div class="flex justify-end gap-3">
<flux:modal.close>
<flux:button variant="ghost">{{ __('timelines.cancel') }}</flux:button>
<flux:button variant="outline">{{ __('timelines.cancel') }}</flux:button>
</flux:modal.close>
<flux:button variant="danger" wire:click="archive" x-on:click="$flux.modal('archive-confirm').close()">
{{ __('timelines.archive') }}