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
@@ -157,12 +157,12 @@ new class extends Component {
</div>
{{-- Timeline Header --}}
<div class="mb-6 rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800 {{ $timeline->isArchived() ? 'opacity-75' : '' }}">
<div class="mb-6 rounded-lg border border-zinc-200 bg-white p-6 {{ $timeline->isArchived() ? 'opacity-75' : '' }}">
<div class="flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between">
<div>
<flux:heading size="xl">{{ $timeline->case_name }}</flux:heading>
@if($timeline->case_reference)
<div class="mt-1 text-sm text-zinc-500 dark:text-zinc-400">
<div class="mt-1 text-sm text-zinc-500 ">
{{ __('timelines.reference') }}: {{ $timeline->case_reference }}
</div>
@endif
@@ -185,7 +185,7 @@ new class extends Component {
</div>
</div>
<div class="mt-4 flex flex-wrap gap-4 text-sm text-zinc-600 dark:text-zinc-300">
<div class="mt-4 flex flex-wrap gap-4 text-sm text-zinc-600 ">
<div class="flex items-center gap-2">
<flux:icon.user class="size-4" />
<span>{{ $timeline->user->full_name }}</span>
@@ -219,7 +219,7 @@ new class extends Component {
@endif
{{-- Add Update Form --}}
<div class="mb-6 rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800 {{ $timeline->isArchived() ? 'opacity-60' : '' }}">
<div class="mb-6 rounded-lg border border-zinc-200 bg-white p-6 {{ $timeline->isArchived() ? 'opacity-60' : '' }}">
<flux:heading size="lg" class="mb-4">{{ __('timelines.add_update') }}</flux:heading>
@if($timeline->isArchived())
@@ -258,34 +258,34 @@ new class extends Component {
</div>
{{-- Timeline Updates --}}
<div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
<div class="rounded-lg border border-zinc-200 bg-white p-6 ">
<flux:heading size="lg" class="mb-6">{{ __('timelines.updates_history') }}</flux:heading>
@if($timeline->updates->isEmpty())
<div class="text-center py-8 text-zinc-500 dark:text-zinc-400">
<div class="text-center py-8 text-zinc-500 ">
{{ __('timelines.no_updates') }}
</div>
@else
<div class="relative">
{{-- Timeline line --}}
<div class="absolute start-4 top-0 bottom-0 w-0.5 bg-zinc-200 dark:bg-zinc-700"></div>
<div class="absolute start-4 top-0 bottom-0 w-0.5 bg-zinc-200 "></div>
<div class="space-y-6">
@foreach($timeline->updates as $update)
<div wire:key="update-{{ $update->id }}" class="relative flex gap-4">
{{-- Timeline dot --}}
<div class="relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-blue-100 dark:bg-blue-900">
<flux:icon.document-text class="size-4 text-blue-600 dark:text-blue-400" />
<div class="relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-blue-100 ">
<flux:icon.document-text class="size-4 text-blue-600 " />
</div>
{{-- Update content --}}
<div class="flex-1 rounded-lg border border-zinc-200 bg-zinc-50 p-4 dark:border-zinc-700 dark:bg-zinc-900">
<div class="flex-1 rounded-lg border border-zinc-200 bg-zinc-50 p-4 ">
<div class="mb-2 flex flex-wrap items-center justify-between gap-2">
<div class="flex flex-wrap items-center gap-3 text-sm">
<span class="font-medium text-zinc-900 dark:text-zinc-100">
<span class="font-medium text-zinc-900 ">
{{ $update->admin->full_name }}
</span>
<span class="text-zinc-500 dark:text-zinc-400">
<span class="text-zinc-500 ">
{{ $update->created_at->format('Y-m-d H:i') }}
</span>
@if($update->updated_at->gt($update->created_at))
@@ -307,7 +307,7 @@ new class extends Component {
@endif
</div>
<div class="prose prose-sm dark:prose-invert max-w-none">
<div class="prose prose-sm max-w-none">
{!! $update->update_text !!}
</div>
</div>