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
@@ -131,7 +131,7 @@ new class extends Component
<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-6">
<div>
<flux:heading size="xl">{{ __('audit.audit_logs') }}</flux:heading>
<p class="text-sm text-zinc-500 dark:text-zinc-400 mt-1">{{ __('audit.audit_logs_description') }}</p>
<p class="text-sm text-zinc-500 mt-1">{{ __('audit.audit_logs_description') }}</p>
</div>
<flux:button wire:click="exportCsv" icon="arrow-down-tray">
{{ __('audit.export_csv') }}
@@ -139,7 +139,7 @@ new class extends Component
</div>
<!-- Filters -->
<div class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700 mb-6">
<div class="bg-white rounded-lg p-4 border border-zinc-200 mb-6">
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-4">
<flux:field>
<flux:select wire:model.live="actionFilter">
@@ -188,7 +188,7 @@ new class extends Component
</div>
<!-- Sort Headers -->
<div class="hidden lg:flex bg-zinc-100 dark:bg-zinc-700 rounded-t-lg px-4 py-2 text-sm font-medium text-zinc-600 dark:text-zinc-300 gap-4 mb-0">
<div class="hidden lg:flex bg-zinc-100 rounded-t-lg px-4 py-2 text-sm font-medium text-zinc-600 gap-4 mb-0">
<span class="w-40">{{ __('audit.timestamp') }}</span>
<span class="w-32">{{ __('audit.admin') }}</span>
<span class="w-28">{{ __('audit.action') }}</span>
@@ -200,18 +200,18 @@ new class extends Component
<!-- Logs List -->
<div class="space-y-0">
@forelse($logs as $log)
<div wire:key="log-{{ $log->id }}" class="bg-white dark:bg-zinc-800 p-4 border border-zinc-200 dark:border-zinc-700 {{ $loop->first ? 'rounded-t-lg lg:rounded-t-none' : '' }} {{ $loop->last ? 'rounded-b-lg' : '' }} {{ !$loop->first ? 'border-t-0' : '' }}">
<div wire:key="log-{{ $log->id }}" class="bg-white p-4 border border-zinc-200 {{ $loop->first ? 'rounded-t-lg lg:rounded-t-none' : '' }} {{ $loop->last ? 'rounded-b-lg' : '' }} {{ !$loop->first ? 'border-t-0' : '' }}">
<div class="flex flex-col lg:flex-row lg:items-center gap-4">
<!-- Timestamp -->
<div class="lg:w-40">
<div class="text-sm font-medium text-zinc-900 dark:text-zinc-100">
<div class="text-sm font-medium text-zinc-900">
{{ $log->created_at->translatedFormat(app()->getLocale() === 'ar' ? 'd/m/Y H:i' : 'm/d/Y H:i') }}
</div>
</div>
<!-- Admin -->
<div class="lg:w-32">
<div class="text-sm text-zinc-900 dark:text-zinc-100">
<div class="text-sm text-zinc-900">
{{ $log->admin?->name ?? __('audit.system') }}
</div>
</div>
@@ -234,14 +234,14 @@ new class extends Component
<!-- Target -->
<div class="flex-1">
<div class="text-sm text-zinc-900 dark:text-zinc-100">
<div class="text-sm text-zinc-900">
{{ __("audit.target_{$log->target_type}") }} #{{ $log->target_id }}
</div>
</div>
<!-- IP Address -->
<div class="lg:w-36">
<div class="text-sm text-zinc-500 dark:text-zinc-400 font-mono">
<div class="text-sm text-zinc-500 font-mono">
{{ $log->ip_address }}
</div>
</div>
@@ -255,7 +255,7 @@ new class extends Component
</div>
</div>
@empty
<div class="text-center py-12 text-zinc-500 dark:text-zinc-400 bg-white dark:bg-zinc-800 rounded-lg border border-zinc-200 dark:border-zinc-700">
<div class="text-center py-12 text-zinc-500 bg-white rounded-lg border border-zinc-200">
<flux:icon name="clipboard-document-list" class="w-12 h-12 mx-auto mb-4" />
<p>{{ $actionFilter || $targetFilter || $dateFrom || $dateTo || $search ? __('audit.no_results') : __('audit.no_logs_found') }}</p>
</div>
@@ -274,38 +274,38 @@ new class extends Component
<div class="grid grid-cols-2 gap-4 text-sm">
<div>
<span class="font-medium text-zinc-500 dark:text-zinc-400">{{ __('audit.timestamp') }}:</span>
<span class="ms-2 text-zinc-900 dark:text-zinc-100">{{ $selectedLog->created_at->format('Y-m-d H:i:s') }}</span>
<span class="font-medium text-zinc-500">{{ __('audit.timestamp') }}:</span>
<span class="ms-2 text-zinc-900">{{ $selectedLog->created_at->format('Y-m-d H:i:s') }}</span>
</div>
<div>
<span class="font-medium text-zinc-500 dark:text-zinc-400">{{ __('audit.admin') }}:</span>
<span class="ms-2 text-zinc-900 dark:text-zinc-100">{{ $selectedLog->admin?->name ?? __('audit.system') }}</span>
<span class="font-medium text-zinc-500">{{ __('audit.admin') }}:</span>
<span class="ms-2 text-zinc-900">{{ $selectedLog->admin?->name ?? __('audit.system') }}</span>
</div>
<div>
<span class="font-medium text-zinc-500 dark:text-zinc-400">{{ __('audit.action') }}:</span>
<span class="ms-2 text-zinc-900 dark:text-zinc-100">{{ __("audit.action_{$selectedLog->action}") }}</span>
<span class="font-medium text-zinc-500">{{ __('audit.action') }}:</span>
<span class="ms-2 text-zinc-900">{{ __("audit.action_{$selectedLog->action}") }}</span>
</div>
<div>
<span class="font-medium text-zinc-500 dark:text-zinc-400">{{ __('audit.target') }}:</span>
<span class="ms-2 text-zinc-900 dark:text-zinc-100">{{ __("audit.target_{$selectedLog->target_type}") }} #{{ $selectedLog->target_id }}</span>
<span class="font-medium text-zinc-500">{{ __('audit.target') }}:</span>
<span class="ms-2 text-zinc-900">{{ __("audit.target_{$selectedLog->target_type}") }} #{{ $selectedLog->target_id }}</span>
</div>
<div class="col-span-2">
<span class="font-medium text-zinc-500 dark:text-zinc-400">{{ __('audit.ip_address') }}:</span>
<span class="ms-2 text-zinc-900 dark:text-zinc-100 font-mono">{{ $selectedLog->ip_address }}</span>
<span class="font-medium text-zinc-500">{{ __('audit.ip_address') }}:</span>
<span class="ms-2 text-zinc-900 font-mono">{{ $selectedLog->ip_address }}</span>
</div>
</div>
@if($selectedLog->old_values)
<div>
<strong class="text-zinc-700 dark:text-zinc-300">{{ __('audit.old_values') }}:</strong>
<pre class="bg-zinc-100 dark:bg-zinc-900 p-3 rounded-lg text-sm overflow-auto mt-2 text-zinc-800 dark:text-zinc-200" dir="ltr">{{ json_encode($selectedLog->old_values, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
<strong class="text-zinc-700">{{ __('audit.old_values') }}:</strong>
<pre class="bg-zinc-100 p-3 rounded-lg text-sm overflow-auto mt-2 text-zinc-800" dir="ltr">{{ json_encode($selectedLog->old_values, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
</div>
@endif
@if($selectedLog->new_values)
<div>
<strong class="text-zinc-700 dark:text-zinc-300">{{ __('audit.new_values') }}:</strong>
<pre class="bg-zinc-100 dark:bg-zinc-900 p-3 rounded-lg text-sm overflow-auto mt-2 text-zinc-800 dark:text-zinc-200" dir="ltr">{{ json_encode($selectedLog->new_values, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
<strong class="text-zinc-700">{{ __('audit.new_values') }}:</strong>
<pre class="bg-zinc-100 p-3 rounded-lg text-sm overflow-auto mt-2 text-zinc-800" dir="ltr">{{ json_encode($selectedLog->new_values, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
</div>
@endif