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