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