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
@@ -33,7 +33,7 @@ new class extends Component {
<div class="space-y-6 p-4 sm:p-6">
{{-- Welcome Section --}}
<div class="rounded-lg border border-zinc-200 bg-[#0A1F44] p-4 sm:p-6 text-white dark:border-zinc-700">
<div class="rounded-lg border border-zinc-200 bg-[#0A1F44] p-4 sm:p-6 text-white">
<flux:heading size="xl" class="text-white text-lg sm:text-xl lg:text-2xl">
{{ __('client.dashboard.welcome', ['name' => auth()->user()->full_name]) }}
</flux:heading>
@@ -45,7 +45,7 @@ new class extends Component {
{{-- Widgets Grid --}}
<div class="grid gap-4 sm:gap-6 grid-cols-1 sm:grid-cols-2">
{{-- Upcoming Consultation Widget --}}
<div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
<div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 shadow-sm ">
<flux:heading size="lg" class="mb-4 text-base sm:text-lg">
{{ __('client.dashboard.upcoming_consultation') }}
</flux:heading>
@@ -106,7 +106,7 @@ new class extends Component {
</div>
{{-- Active Cases Widget --}}
<div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
<div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 shadow-sm ">
<flux:heading size="lg" class="mb-4 text-base sm:text-lg">
{{ __('client.dashboard.active_cases') }}
</flux:heading>
@@ -122,8 +122,8 @@ new class extends Component {
$latestUpdate = $latestTimeline->updates()->reorder()->latest()->first();
@endphp
@if ($latestUpdate)
<div class="rounded-lg bg-zinc-50 p-3 dark:bg-zinc-800">
<flux:text size="sm" class="text-zinc-600 dark:text-zinc-400">
<div class="rounded-lg bg-zinc-50 p-3">
<flux:text size="sm" class="text-zinc-600">
{{ __('client.dashboard.latest_update') }}:
</flux:text>
<flux:text class="mt-1">
@@ -152,7 +152,7 @@ new class extends Component {
</div>
{{-- Recent Updates Widget --}}
<div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
<div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 shadow-sm ">
<flux:heading size="lg" class="mb-4 text-base sm:text-lg">
{{ __('client.dashboard.recent_updates') }}
</flux:heading>
@@ -160,7 +160,7 @@ new class extends Component {
@if ($recentUpdates->isNotEmpty())
<div class="space-y-3">
@foreach ($recentUpdates as $update)
<div class="border-b border-zinc-100 pb-3 last:border-0 last:pb-0 dark:border-zinc-800">
<div class="border-b border-zinc-100 pb-3 last:border-0 last:pb-0 ">
<div class="flex items-start justify-between gap-2">
<div class="flex-1">
<flux:text size="sm" class="font-medium">
@@ -193,7 +193,7 @@ new class extends Component {
</div>
{{-- Booking Status Widget --}}
<div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 shadow-sm dark:border-zinc-700 dark:bg-zinc-900">
<div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 shadow-sm ">
<flux:heading size="lg" class="mb-4 text-base sm:text-lg">
{{ __('client.dashboard.booking_status') }}
</flux:heading>
@@ -208,18 +208,18 @@ new class extends Component {
</div>
@endif
<div class="rounded-lg p-3 {{ $canBookToday ? 'bg-green-50 dark:bg-green-900/20' : 'bg-amber-50 dark:bg-amber-900/20' }}">
<div class="rounded-lg p-3 {{ $canBookToday ? 'bg-green-50' : 'bg-amber-50' }}">
@if ($canBookToday)
<div class="flex items-center gap-2">
<flux:icon name="check-circle" class="h-5 w-5 text-green-600" />
<flux:text class="text-green-700 dark:text-green-400">
<flux:text class="text-green-700">
{{ __('client.dashboard.can_book') }}
</flux:text>
</div>
@else
<div class="flex items-center gap-2">
<flux:icon name="information-circle" class="h-5 w-5 text-amber-600" />
<flux:text class="text-amber-700 dark:text-amber-400">
<flux:text class="text-amber-700">
{{ __('client.dashboard.cannot_book') }}
</flux:text>
</div>