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
@@ -206,7 +206,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">{{ __('admin.consultations') }}</flux:heading>
<p class="text-sm text-zinc-500 dark:text-zinc-400 mt-1">{{ __('admin.consultations_description') }}</p>
<p class="text-sm text-zinc-500 mt-1">{{ __('admin.consultations_description') }}</p>
</div>
</div>
@@ -223,7 +223,7 @@ new class extends Component
@endif
<!-- 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:input
@@ -290,15 +290,15 @@ 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">
<button wire:click="sort('booking_date')" class="flex items-center gap-1 w-32 hover:text-zinc-900 dark:hover:text-white">
<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">
<button wire:click="sort('booking_date')" class="flex items-center gap-1 w-32 hover:text-zinc-900">
{{ __('admin.date') }}
@if($sortBy === 'booking_date')
<flux:icon name="{{ $sortDir === 'asc' ? 'chevron-up' : 'chevron-down' }}" class="w-4 h-4" />
@endif
</button>
<span class="flex-1">{{ __('admin.client') }}</span>
<button wire:click="sort('status')" class="flex items-center gap-1 w-24 hover:text-zinc-900 dark:hover:text-white">
<button wire:click="sort('status')" class="flex items-center gap-1 w-24 hover:text-zinc-900">
{{ __('admin.current_status') }}
@if($sortBy === 'status')
<flux:icon name="{{ $sortDir === 'asc' ? 'chevron-up' : 'chevron-down' }}" class="w-4 h-4" />
@@ -311,14 +311,14 @@ new class extends Component
<!-- Consultations List -->
<div class="space-y-0">
@forelse($consultations as $consultation)
<div wire:key="consultation-{{ $consultation->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="consultation-{{ $consultation->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">
<!-- Date/Time -->
<div class="lg:w-32">
<div class="text-sm font-medium text-zinc-900 dark:text-zinc-100">
<div class="text-sm font-medium text-zinc-900">
{{ \Carbon\Carbon::parse($consultation->booking_date)->translatedFormat('d M Y') }}
</div>
<div class="text-xs text-zinc-500 dark:text-zinc-400">
<div class="text-xs text-zinc-500">
{{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}
</div>
</div>
@@ -326,14 +326,14 @@ new class extends Component
<!-- Client Info -->
<div class="flex-1">
<div class="flex items-center gap-2 mb-1">
<a href="{{ route('admin.consultations.show', $consultation) }}" class="font-semibold text-zinc-900 dark:text-zinc-100 hover:text-blue-600 dark:hover:text-blue-400" wire:navigate>
<a href="{{ route('admin.consultations.show', $consultation) }}" class="font-semibold text-zinc-900 hover:text-blue-600" wire:navigate>
{{ $consultation->user?->full_name ?? __('common.unknown') }}
</a>
<flux:badge size="sm" variant="{{ $consultation->consultation_type === \App\Enums\ConsultationType::Paid ? 'primary' : 'outline' }}">
{{ $consultation->consultation_type->label() }}
</flux:badge>
</div>
<div class="text-sm text-zinc-500 dark:text-zinc-400">
<div class="text-sm text-zinc-500">
{{ $consultation->user?->email ?? '-' }}
</div>
</div>
@@ -444,7 +444,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="inbox" class="w-12 h-12 mx-auto mb-4" />
<p>{{ __('admin.no_consultations') }}</p>
</div>