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/posts/create.blade.php
+11 -11
View File
@@ -139,7 +139,7 @@ new class extends Component
</flux:callout>
@endif
<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">
<form wire:submit="save" class="space-y-6">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<!-- Arabic Fields -->
@@ -159,7 +159,7 @@ new class extends Component
<trix-editor
input="body_ar"
dir="rtl"
class="trix-content prose prose-sm max-w-none bg-white dark:bg-zinc-900 rounded-lg border border-zinc-200 dark:border-zinc-700 min-h-[200px]"
class="trix-content prose prose-sm max-w-none bg-white rounded-lg border border-zinc-200 min-h-[200px]"
x-data
x-on:trix-change="$wire.set('body_ar', $event.target.value)"
></trix-editor>
@@ -184,7 +184,7 @@ new class extends Component
<input id="body_en" type="hidden" wire:model="body_en">
<trix-editor
input="body_en"
class="trix-content prose prose-sm max-w-none bg-white dark:bg-zinc-900 rounded-lg border border-zinc-200 dark:border-zinc-700 min-h-[200px]"
class="trix-content prose prose-sm max-w-none bg-white rounded-lg border border-zinc-200 min-h-[200px]"
x-data
x-on:trix-change="$wire.set('body_en', $event.target.value)"
></trix-editor>
@@ -194,7 +194,7 @@ new class extends Component
</div>
</div>
<div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6 dark:border-zinc-700">
<div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6">
<flux:button variant="ghost" :href="route('admin.posts.index')" wire:navigate>
{{ __('common.cancel') }}
</flux:button>
@@ -217,16 +217,16 @@ new class extends Component
<flux:heading size="lg" class="mb-4">{{ __('posts.preview') }}</flux:heading>
<div class="space-y-6">
<div class="border-b border-zinc-200 dark:border-zinc-700 pb-4">
<h3 class="font-semibold text-lg mb-2 text-zinc-600 dark:text-zinc-400">{{ __('posts.arabic_content') }}</h3>
<h2 class="text-xl font-bold text-zinc-900 dark:text-zinc-100" dir="rtl">{{ $title_ar }}</h2>
<div class="prose prose-sm dark:prose-invert mt-2 max-w-none" dir="rtl">{!! clean($body_ar) !!}</div>
<div class="border-b border-zinc-200 pb-4">
<h3 class="font-semibold text-lg mb-2 text-zinc-600">{{ __('posts.arabic_content') }}</h3>
<h2 class="text-xl font-bold text-zinc-900" dir="rtl">{{ $title_ar }}</h2>
<div class="prose prose-sm mt-2 max-w-none" dir="rtl">{!! clean($body_ar) !!}</div>
</div>
<div>
<h3 class="font-semibold text-lg mb-2 text-zinc-600 dark:text-zinc-400">{{ __('posts.english_content') }}</h3>
<h2 class="text-xl font-bold text-zinc-900 dark:text-zinc-100">{{ $title_en }}</h2>
<div class="prose prose-sm dark:prose-invert mt-2 max-w-none">{!! clean($body_en) !!}</div>
<h3 class="font-semibold text-lg mb-2 text-zinc-600">{{ __('posts.english_content') }}</h3>
<h2 class="text-xl font-bold text-zinc-900">{{ $title_en }}</h2>
<div class="prose prose-sm mt-2 max-w-none">{!! clean($body_en) !!}</div>
</div>
</div>
resources/views/livewire/admin/posts/edit.blade.php
+14 -14
View File
@@ -162,10 +162,10 @@ 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">{{ __('posts.edit_post') }}</flux:heading>
<p class="text-sm text-zinc-500 dark:text-zinc-400 mt-1">
<p class="text-sm text-zinc-500 mt-1">
{{ __('posts.last_updated') }}: {{ $post->updated_at->diffForHumans() }}
@if($status === 'draft')
<span class="text-amber-600 dark:text-amber-400">({{ __('posts.auto_save_enabled') }})</span>
<span class="text-amber-600">({{ __('posts.auto_save_enabled') }})</span>
@endif
</p>
</div>
@@ -180,7 +180,7 @@ new class extends Component
</flux:callout>
@endif
<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">
<form wire:submit="save" class="space-y-6">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<!-- Arabic Fields -->
@@ -200,7 +200,7 @@ new class extends Component
<trix-editor
input="body_ar"
dir="rtl"
class="trix-content prose prose-sm max-w-none bg-white dark:bg-zinc-900 rounded-lg border border-zinc-200 dark:border-zinc-700 min-h-[200px]"
class="trix-content prose prose-sm max-w-none bg-white rounded-lg border border-zinc-200 min-h-[200px]"
x-data
x-on:trix-change="$wire.set('body_ar', $event.target.value)"
></trix-editor>
@@ -225,7 +225,7 @@ new class extends Component
<input id="body_en" type="hidden" wire:model="body_en" value="{{ $body_en }}">
<trix-editor
input="body_en"
class="trix-content prose prose-sm max-w-none bg-white dark:bg-zinc-900 rounded-lg border border-zinc-200 dark:border-zinc-700 min-h-[200px]"
class="trix-content prose prose-sm max-w-none bg-white rounded-lg border border-zinc-200 min-h-[200px]"
x-data
x-on:trix-change="$wire.set('body_en', $event.target.value)"
></trix-editor>
@@ -235,7 +235,7 @@ new class extends Component
</div>
</div>
<div class="flex items-center justify-between gap-4 border-t border-zinc-200 pt-6 dark:border-zinc-700">
<div class="flex items-center justify-between gap-4 border-t border-zinc-200 pt-6">
<div>
<flux:button variant="danger" type="button" wire:click="delete">
{{ __('posts.delete_post') }}
@@ -274,16 +274,16 @@ new class extends Component
<flux:heading size="lg" class="mb-4">{{ __('posts.preview') }}</flux:heading>
<div class="space-y-6">
<div class="border-b border-zinc-200 dark:border-zinc-700 pb-4">
<h3 class="font-semibold text-lg mb-2 text-zinc-600 dark:text-zinc-400">{{ __('posts.arabic_content') }}</h3>
<h2 class="text-xl font-bold text-zinc-900 dark:text-zinc-100" dir="rtl">{{ $title_ar }}</h2>
<div class="prose prose-sm dark:prose-invert mt-2 max-w-none" dir="rtl">{!! clean($body_ar) !!}</div>
<div class="border-b border-zinc-200 pb-4">
<h3 class="font-semibold text-lg mb-2 text-zinc-600">{{ __('posts.arabic_content') }}</h3>
<h2 class="text-xl font-bold text-zinc-900" dir="rtl">{{ $title_ar }}</h2>
<div class="prose prose-sm mt-2 max-w-none" dir="rtl">{!! clean($body_ar) !!}</div>
</div>
<div>
<h3 class="font-semibold text-lg mb-2 text-zinc-600 dark:text-zinc-400">{{ __('posts.english_content') }}</h3>
<h2 class="text-xl font-bold text-zinc-900 dark:text-zinc-100">{{ $title_en }}</h2>
<div class="prose prose-sm dark:prose-invert mt-2 max-w-none">{!! clean($body_en) !!}</div>
<h3 class="font-semibold text-lg mb-2 text-zinc-600">{{ __('posts.english_content') }}</h3>
<h2 class="text-xl font-bold text-zinc-900">{{ $title_en }}</h2>
<div class="prose prose-sm mt-2 max-w-none">{!! clean($body_en) !!}</div>
</div>
</div>
@@ -302,7 +302,7 @@ new class extends Component
{{ __('posts.delete_post_warning') }}
</flux:callout>
<p class="text-zinc-700 dark:text-zinc-300">
<p class="text-zinc-700">
{{ __('posts.deleting_post', ['title' => $post->getTitle()]) }}
</p>
resources/views/livewire/admin/posts/index.blade.php
+13 -13
View File
@@ -161,7 +161,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">{{ __('posts.posts') }}</flux:heading>
<p class="text-sm text-zinc-500 dark:text-zinc-400 mt-1">{{ __('posts.posts_description') }}</p>
<p class="text-sm text-zinc-500 mt-1">{{ __('posts.posts_description') }}</p>
</div>
<flux:button href="{{ route('admin.posts.create') }}" variant="primary" icon="plus" wire:navigate>
{{ __('posts.create_post') }}
@@ -181,7 +181,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">
<flux:field>
<flux:input
@@ -219,21 +219,21 @@ 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('title')" 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('title')" class="flex items-center gap-1 flex-1 hover:text-zinc-900">
{{ __('posts.title') }}
@if($sortBy === 'title')
<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">
{{ __('posts.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">
{{ __('posts.created') }}
@if($sortBy === 'created_at')
<flux:icon name="{{ $sortDir === 'asc' ? 'chevron-up' : 'chevron-down' }}" class="w-4 h-4" />
@@ -245,14 +245,14 @@ new class extends Component
<!-- Posts List -->
<div class="space-y-0">
@forelse($posts as $post)
<div wire:key="post-{{ $post->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="post-{{ $post->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">
<!-- Title -->
<div class="flex-1">
<a href="{{ route('admin.posts.edit', $post) }}" 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.posts.edit', $post) }}" class="font-semibold text-zinc-900 hover:text-blue-600" wire:navigate>
{{ $post->getTitle() }}
</a>
<div class="text-sm text-zinc-500 dark:text-zinc-400 mt-1 line-clamp-2">
<div class="text-sm text-zinc-500 mt-1 line-clamp-2">
{{ $post->getExcerpt() }}
</div>
</div>
@@ -266,14 +266,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">
{{ $post->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">
{{ $post->created_at->format('Y-m-d') }}
</div>
</div>
@@ -306,7 +306,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="document-text" class="w-12 h-12 mx-auto mb-4" />
<p>{{ __('posts.no_posts') }}</p>
<div class="mt-4">
@@ -332,7 +332,7 @@ new class extends Component
</flux:callout>
@if($postToDelete)
<p class="text-zinc-700 dark:text-zinc-300">
<p class="text-zinc-700">
{{ __('posts.deleting_post', ['title' => $postToDelete->getTitle()]) }}
</p>
@endif