removed dark mod and applied fixes for text colors
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user