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
@@ -20,7 +20,7 @@ new class extends Component
<div class="mb-6 flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center">
<div>
<flux:heading size="xl">{{ __('pages.legal_pages') }}</flux:heading>
<p class="mt-1 text-sm text-zinc-500 dark:text-zinc-400">{{ __('pages.legal_pages_description') }}</p>
<p class="mt-1 text-sm text-zinc-500">{{ __('pages.legal_pages_description') }}</p>
</div>
</div>
@@ -34,17 +34,17 @@ new class extends Component
@forelse ($pages as $page)
<div
wire:key="page-{{ $page->id }}"
class="{{ $loop->first ? 'rounded-t-lg' : '' }} {{ $loop->last ? 'rounded-b-lg' : '' }} {{ ! $loop->first ? 'border-t-0' : '' }} border border-zinc-200 bg-white p-4 dark:border-zinc-700 dark:bg-zinc-800"
class="{{ $loop->first ? 'rounded-t-lg' : '' }} {{ $loop->last ? 'rounded-b-lg' : '' }} {{ ! $loop->first ? 'border-t-0' : '' }} border border-zinc-200 bg-white p-4"
>
<div class="flex flex-col gap-4 lg:flex-row lg:items-center">
<div class="flex-1">
<div class="flex items-center gap-3">
<flux:icon name="document-text" class="h-5 w-5 text-zinc-400" />
<div>
<h3 class="font-semibold text-zinc-900 dark:text-zinc-100">
<h3 class="font-semibold text-zinc-900">
{{ $page->title_en }}
</h3>
<p class="text-sm text-zinc-500 dark:text-zinc-400" dir="rtl">
<p class="text-sm text-zinc-500" dir="rtl">
{{ $page->title_ar }}
</p>
</div>
@@ -58,7 +58,7 @@ new class extends Component
</div>
<div class="lg:w-40">
<div class="text-sm text-zinc-500 dark:text-zinc-400">
<div class="text-sm text-zinc-500">
{{ __('pages.last_updated') }}: {{ $page->updated_at->diffForHumans() }}
</div>
</div>
@@ -76,7 +76,7 @@ new class extends Component
</div>
</div>
@empty
<div class="rounded-lg border border-zinc-200 bg-white py-12 text-center text-zinc-500 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-400">
<div class="rounded-lg border border-zinc-200 bg-white py-12 text-center text-zinc-500">
<flux:icon name="document-text" class="mx-auto mb-4 h-12 w-12" />
<p>{{ __('pages.no_pages') }}</p>
</div>