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