naser/libra
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

removed dark mod and applied fixes for text colors

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/livewire/admin/timelines/index.blade.php
+15 -15
View File
@@ -125,7 +125,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">{{ __('timelines.timelines') }}</flux:heading>
<p class="text-sm text-zinc-500 dark:text-zinc-400 mt-1">{{ __('timelines.timelines_description') }}</p>
<p class="text-sm text-zinc-500 mt-1">{{ __('timelines.timelines_description') }}</p>
</div>
<div class="flex gap-2">
<flux:button href="{{ route('admin.timelines.export') }}" icon="arrow-down-tray" wire:navigate>
@@ -150,7 +150,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
@@ -208,27 +208,27 @@ 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('case_name')" class="flex items-center gap-1 flex-1 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('case_name')" class="flex items-center gap-1 flex-1 hover:text-zinc-900">
{{ __('timelines.case_name') }}
@if($sortBy === 'case_name')
<flux:icon name="{{ $sortDir === 'asc' ? 'chevron-up' : 'chevron-down' }}" class="w-4 h-4" />
@endif
</button>
<button wire:click="sort('user_id')" class="flex items-center gap-1 w-40 hover:text-zinc-900 dark:hover:text-white">
<button wire:click="sort('user_id')" class="flex items-center gap-1 w-40 hover:text-zinc-900">
{{ __('admin.client') }}
@if($sortBy === 'user_id')
<flux:icon name="{{ $sortDir === 'asc' ? 'chevron-up' : 'chevron-down' }}" class="w-4 h-4" />
@endif
</button>
<span class="w-24">{{ __('admin.current_status') }}</span>
<button wire:click="sort('updated_at')" class="flex items-center gap-1 w-32 hover:text-zinc-900 dark:hover:text-white">
<button wire:click="sort('updated_at')" class="flex items-center gap-1 w-32 hover:text-zinc-900">
{{ __('timelines.last_updated') }}
@if($sortBy === 'updated_at')
<flux:icon name="{{ $sortDir === 'asc' ? 'chevron-up' : 'chevron-down' }}" class="w-4 h-4" />
@endif
</button>
<button wire:click="sort('created_at')" class="flex items-center gap-1 w-32 hover:text-zinc-900 dark:hover:text-white">
<button wire:click="sort('created_at')" class="flex items-center gap-1 w-32 hover:text-zinc-900">
{{ __('timelines.created') }}
@if($sortBy === 'created_at')
<flux:icon name="{{ $sortDir === 'asc' ? 'chevron-up' : 'chevron-down' }}" class="w-4 h-4" />
@@ -241,15 +241,15 @@ new class extends Component
<!-- Timelines List -->
<div class="space-y-0">
@forelse($timelines as $timeline)
<div wire:key="timeline-{{ $timeline->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="timeline-{{ $timeline->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">
<!-- Case Name -->
<div class="flex-1">
<a href="{{ route('admin.timelines.show', $timeline) }}" 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.timelines.show', $timeline) }}" class="font-semibold text-zinc-900 hover:text-blue-600" wire:navigate>
{{ $timeline->case_name }}
</a>
@if($timeline->case_reference)
<div class="text-xs text-zinc-500 dark:text-zinc-400 mt-1">
<div class="text-xs text-zinc-500 mt-1">
{{ __('timelines.reference') }}: {{ $timeline->case_reference }}
</div>
@endif
@@ -257,10 +257,10 @@ new class extends Component
<!-- Client -->
<div class="lg:w-40">
<div class="text-sm text-zinc-900 dark:text-zinc-100">
<div class="text-sm text-zinc-900">
{{ $timeline->user->full_name }}
</div>
<div class="text-xs text-zinc-500 dark:text-zinc-400">
<div class="text-xs text-zinc-500">
{{ $timeline->user->email }}
</div>
</div>
@@ -274,14 +274,14 @@ new class extends Component
<!-- Last Updated -->
<div class="lg:w-32">
<div class="text-sm text-zinc-900 dark:text-zinc-100">
<div class="text-sm text-zinc-900">
{{ $timeline->updated_at->diffForHumans() }}
</div>
</div>
<!-- Created -->
<div class="lg:w-32">
<div class="text-sm text-zinc-500 dark:text-zinc-400">
<div class="text-sm text-zinc-500">
{{ $timeline->created_at->format('Y-m-d') }}
</div>
</div>
@@ -342,7 +342,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>{{ __('timelines.no_timelines') }}</p>
</div>