removed dark mod and applied fixes for text colors

This commit is contained in:
Naser Mansour
2026-01-08 19:15:02 +02:00
parent ddbb224d07
commit dfee2ff5c8
64 changed files with 744 additions and 711 deletions
@@ -55,7 +55,7 @@ new class extends Component {
<div class="page-header mb-6">
<div>
<flux:heading size="xl" class="text-xl sm:text-2xl">{{ __('clients.company_clients') }}</flux:heading>
<flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ __('clients.clients') }}</flux:text>
<flux:text class="mt-1 text-zinc-500">{{ __('clients.clients') }}</flux:text>
</div>
<div class="header-actions">
<flux:button :href="route('admin.users.export')" wire:navigate icon="arrow-down-tray" class="w-full sm:w-auto justify-center">
@@ -67,7 +67,7 @@ new class extends Component {
</div>
</div>
<div class="mb-6 rounded-lg border border-zinc-200 bg-white p-4 dark:border-zinc-700 dark:bg-zinc-800">
<div class="mb-6 rounded-lg border border-zinc-200 bg-white p-4">
<div class="flex flex-col gap-4 sm:flex-row sm:items-end">
<div class="flex-1">
<flux:input
@@ -101,50 +101,50 @@ new class extends Component {
</div>
</div>
<div class="overflow-hidden rounded-lg border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-800">
<div class="overflow-hidden rounded-lg border border-zinc-200 bg-white">
<div class="table-scroll-wrapper">
<table class="min-w-full divide-y divide-zinc-200 dark:divide-zinc-700">
<thead class="bg-zinc-50 dark:bg-zinc-900">
<table class="min-w-full divide-y divide-zinc-200">
<thead class="bg-zinc-50">
<tr>
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
{{ __('clients.company_name') }}
</th>
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
{{ __('clients.contact_person') }}
</th>
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
{{ __('clients.email') }}
</th>
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
{{ __('clients.registration_number') }}
</th>
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
{{ __('clients.status') }}
</th>
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
{{ __('clients.created_at') }}
</th>
<th class="px-6 py-3 text-end text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
<th class="px-6 py-3 text-end text-xs font-medium uppercase tracking-wider text-zinc-500">
{{ __('clients.actions') }}
</th>
</tr>
</thead>
<tbody class="divide-y divide-zinc-200 bg-white dark:divide-zinc-700 dark:bg-zinc-800">
<tbody class="divide-y divide-zinc-200 bg-white">
@forelse ($clients as $client)
<tr wire:key="client-{{ $client->id }}">
<td class="whitespace-nowrap px-6 py-4">
<div class="flex items-center gap-3">
<flux:avatar size="sm" :name="$client->company_name" />
<span class="font-medium text-zinc-900 dark:text-zinc-100">{{ $client->company_name }}</span>
<span class="font-medium text-zinc-900">{{ $client->company_name }}</span>
</div>
</td>
<td class="whitespace-nowrap px-6 py-4 text-zinc-600 dark:text-zinc-400">
<td class="whitespace-nowrap px-6 py-4 text-zinc-600">
{{ $client->contact_person_name }}
</td>
<td class="whitespace-nowrap px-6 py-4 text-zinc-600 dark:text-zinc-400">
<td class="whitespace-nowrap px-6 py-4 text-zinc-600">
{{ $client->email }}
</td>
<td class="whitespace-nowrap px-6 py-4 text-zinc-600 dark:text-zinc-400">
<td class="whitespace-nowrap px-6 py-4 text-zinc-600">
{{ $client->company_cert_number }}
</td>
<td class="whitespace-nowrap px-6 py-4">
@@ -154,7 +154,7 @@ new class extends Component {
<flux:badge color="red" size="sm">{{ __('clients.deactivated') }}</flux:badge>
@endif
</td>
<td class="whitespace-nowrap px-6 py-4 text-zinc-600 dark:text-zinc-400">
<td class="whitespace-nowrap px-6 py-4 text-zinc-600">
{{ $client->created_at->format('Y-m-d') }}
</td>
<td class="whitespace-nowrap px-6 py-4 text-end">
@@ -183,7 +183,7 @@ new class extends Component {
<td colspan="7" class="px-6 py-12 text-center">
<div class="flex flex-col items-center">
<flux:icon name="building-office" class="mb-4 h-12 w-12 text-zinc-400" />
<flux:text class="text-zinc-500 dark:text-zinc-400">
<flux:text class="text-zinc-500">
@if ($search || $statusFilter)
{{ __('clients.no_companies_match') }}
@else
@@ -204,7 +204,7 @@ new class extends Component {
</div>
@if ($clients->hasPages())
<div class="border-t border-zinc-200 bg-zinc-50 px-6 py-4 dark:border-zinc-700 dark:bg-zinc-900">
<div class="border-t border-zinc-200 bg-zinc-50 px-6 py-4">
{{ $clients->links() }}
</div>
@endif