removed dark mod and applied fixes for text colors
This commit is contained in:
@@ -196,11 +196,11 @@ new class extends Component {
|
||||
<div class="mb-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
|
||||
<div>
|
||||
<flux:heading size="xl">{{ __('export.export_timelines') }}</flux:heading>
|
||||
<flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ __('export.export_timelines_description') }}</flux:text>
|
||||
<flux:text class="mt-1 text-zinc-500">{{ __('export.export_timelines_description') }}</flux:text>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-6 rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
|
||||
<div class="mb-6 rounded-lg border border-zinc-200 bg-white p-6">
|
||||
<flux:heading size="lg" class="mb-4">{{ __('export.filters_applied') }}</flux:heading>
|
||||
|
||||
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
|
||||
@@ -217,19 +217,19 @@ new class extends Component {
|
||||
<button
|
||||
wire:click="clearClient"
|
||||
type="button"
|
||||
class="absolute end-2 top-8 text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300"
|
||||
class="absolute end-2 top-8 text-zinc-400 hover:text-zinc-600"
|
||||
>
|
||||
<flux:icon name="x-mark" class="h-4 w-4" />
|
||||
</button>
|
||||
@endif
|
||||
|
||||
@if (strlen($clientSearch) >= 2 && ! $clientId && $this->clients->count() > 0)
|
||||
<div class="absolute z-10 mt-1 w-full rounded-lg border border-zinc-200 bg-white shadow-lg dark:border-zinc-700 dark:bg-zinc-800">
|
||||
<div class="absolute z-10 mt-1 w-full rounded-lg border border-zinc-200 bg-white shadow-lg">
|
||||
@foreach ($this->clients as $client)
|
||||
<button
|
||||
wire:click="selectClient({{ $client->id }})"
|
||||
type="button"
|
||||
class="block w-full px-4 py-2 text-start hover:bg-zinc-100 dark:hover:bg-zinc-700"
|
||||
class="block w-full px-4 py-2 text-start hover:bg-zinc-100"
|
||||
>
|
||||
<span class="font-medium">{{ $client->full_name }}</span>
|
||||
<span class="text-sm text-zinc-500">{{ $client->email }}</span>
|
||||
@@ -273,7 +273,7 @@ new class extends Component {
|
||||
wire:model.live="includeUpdates"
|
||||
:label="__('export.include_updates')"
|
||||
/>
|
||||
<flux:text class="ms-6 text-sm text-zinc-500 dark:text-zinc-400">
|
||||
<flux:text class="ms-6 text-sm text-zinc-500">
|
||||
{{ __('export.include_updates_description') }}
|
||||
</flux:text>
|
||||
</div>
|
||||
@@ -287,11 +287,11 @@ new class extends Component {
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
|
||||
<div class="rounded-lg border border-zinc-200 bg-white p-6">
|
||||
<div class="flex flex-col items-center justify-between gap-4 sm:flex-row">
|
||||
<div>
|
||||
<flux:text class="text-zinc-600 dark:text-zinc-400">
|
||||
{{ __('export.total_records') }}: <span class="font-semibold text-zinc-900 dark:text-zinc-100">{{ $previewCount }}</span>
|
||||
<flux:text class="text-zinc-600">
|
||||
{{ __('export.total_records') }}: <span class="font-semibold text-zinc-900">{{ $previewCount }}</span>
|
||||
</flux:text>
|
||||
</div>
|
||||
|
||||
@@ -323,9 +323,9 @@ new class extends Component {
|
||||
</div>
|
||||
|
||||
@if ($previewCount === 0)
|
||||
<div class="mt-6 rounded-lg bg-zinc-50 p-8 text-center dark:bg-zinc-900">
|
||||
<div class="mt-6 rounded-lg bg-zinc-50 p-8 text-center">
|
||||
<flux:icon name="clock" class="mx-auto mb-4 h-12 w-12 text-zinc-400" />
|
||||
<flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('export.no_timelines_match') }}</flux:text>
|
||||
<flux:text class="text-zinc-500">{{ __('export.no_timelines_match') }}</flux:text>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user