color manual fixing
This commit is contained in:
Naser Mansour
@@ -162,7 +162,7 @@ new class extends Component
|
||||
<flux:icon name="chevron-{{ app()->getLocale() === 'ar' ? 'right' : 'left' }}" class="size-5" />
|
||||
</flux:button>
|
||||
|
||||
<flux:heading size="lg">{{ $monthName }}</flux:heading>
|
||||
<flux:heading size="lg" class="text-body">{{ $monthName }}</flux:heading>
|
||||
|
||||
<flux:button size="sm" wire:click="nextMonth" variant="ghost">
|
||||
<flux:icon name="chevron-{{ app()->getLocale() === 'ar' ? 'left' : 'right' }}" class="size-5" />
|
||||
@@ -205,7 +205,7 @@ new class extends Component
|
||||
<!-- Time Slots -->
|
||||
@if($selectedDate)
|
||||
<div class="mt-6">
|
||||
<flux:heading size="sm" class="mb-3">
|
||||
<flux:heading size="sm" class="mb-3 text-body">
|
||||
{{ __('booking.available_times') }} -
|
||||
{{ \Carbon\Carbon::parse($selectedDate)->translatedFormat('d M Y') }}
|
||||
</flux:heading>
|
||||
|
||||
@@ -11,7 +11,7 @@ new #[Layout('components.layouts.public')] class extends Component
|
||||
<div class="max-w-2xl mx-auto py-16 px-4 text-center">
|
||||
<flux:icon name="check-circle" class="w-16 h-16 mx-auto text-green-500 mb-6" />
|
||||
|
||||
<flux:heading size="xl" class="mb-4">
|
||||
<flux:heading size="xl" class="mb-4 text-body">
|
||||
{{ __('booking.success_title') }}
|
||||
</flux:heading>
|
||||
|
||||
|
||||
@@ -191,7 +191,7 @@ new #[Layout('components.layouts.public')] class extends Component
|
||||
}; ?>
|
||||
|
||||
<div class="max-w-4xl mx-auto py-8 px-4">
|
||||
<flux:heading size="xl" class="mb-6">
|
||||
<flux:heading size="xl" class="mb-6 text-body">
|
||||
{{ __('booking.request_consultation') }}
|
||||
</flux:heading>
|
||||
|
||||
@@ -204,7 +204,7 @@ new #[Layout('components.layouts.public')] class extends Component
|
||||
@if(!$selectedDate || !$selectedTime)
|
||||
{{-- Step 1: Calendar Selection --}}
|
||||
<flux:callout class="mb-6">
|
||||
<p>{{ __('booking.guest_intro') }}</p>
|
||||
<p class="text-body">{{ __('booking.guest_intro') }}</p>
|
||||
</flux:callout>
|
||||
|
||||
<p class="mb-4 text-zinc-600 dark:text-zinc-400">
|
||||
@@ -291,7 +291,7 @@ new #[Layout('components.layouts.public')] class extends Component
|
||||
@else
|
||||
{{-- Confirmation Step --}}
|
||||
<flux:callout>
|
||||
<flux:heading size="sm">{{ __('booking.confirm_booking') }}</flux:heading>
|
||||
<flux:heading size="sm" class="text-body">{{ __('booking.confirm_booking') }}</flux:heading>
|
||||
<p class="text-zinc-600 dark:text-zinc-400">{{ __('booking.confirm_message') }}</p>
|
||||
|
||||
<div class="mt-4 space-y-2">
|
||||
|
||||
@@ -56,7 +56,7 @@ new #[Layout('components.layouts.public')] class extends Component
|
||||
}; ?>
|
||||
|
||||
<div class="max-w-4xl mx-auto px-0">
|
||||
<flux:heading size="xl" class="text-text text-xl sm:text-2xl lg:text-3xl">{{ __('posts.posts') }}</flux:heading>
|
||||
<flux:heading size="xl" class="text-body text-xl sm:text-2xl lg:text-3xl">{{ __('posts.posts') }}</flux:heading>
|
||||
|
||||
<!-- Search Bar -->
|
||||
<div class="mt-4 sm:mt-6 relative">
|
||||
@@ -66,14 +66,14 @@ new #[Layout('components.layouts.public')] class extends Component
|
||||
class="w-full min-h-[44px]"
|
||||
>
|
||||
<x-slot:iconLeading>
|
||||
<flux:icon name="magnifying-glass" class="w-5 h-5 text-text/50" />
|
||||
<flux:icon name="magnifying-glass" class="w-5 h-5 text-body/50" />
|
||||
</x-slot:iconLeading>
|
||||
</flux:input>
|
||||
|
||||
@if($search)
|
||||
<button
|
||||
wire:click="clearSearch"
|
||||
class="absolute end-3 top-1/2 -translate-y-1/2 text-text/50 hover:text-text min-h-[44px] min-w-[44px] flex items-center justify-center"
|
||||
class="absolute end-3 top-1/2 -translate-y-1/2 text-body/50 hover:text-body min-h-[44px] min-w-[44px] flex items-center justify-center"
|
||||
>
|
||||
<flux:icon name="x-mark" class="w-5 h-5" />
|
||||
</button>
|
||||
@@ -82,7 +82,7 @@ new #[Layout('components.layouts.public')] class extends Component
|
||||
|
||||
<!-- Search Results Info -->
|
||||
@if($search)
|
||||
<p class="mt-4 text-sm text-text/70">
|
||||
<p class="mt-4 text-sm text-body/70">
|
||||
@if($posts->total() > 0)
|
||||
{{ __('posts.search_results', ['count' => $posts->total(), 'query' => $search]) }}
|
||||
@else
|
||||
@@ -95,7 +95,7 @@ new #[Layout('components.layouts.public')] class extends Component
|
||||
<div class="mt-6 sm:mt-8 space-y-4 sm:space-y-6">
|
||||
@forelse($posts as $post)
|
||||
<article wire:key="post-{{ $post->id }}" class="bg-white p-4 sm:p-6 rounded-lg shadow-sm hover:shadow-md transition-shadow">
|
||||
<h2 class="text-lg sm:text-xl font-semibold text-text">
|
||||
<h2 class="text-lg sm:text-xl font-semibold text-body">
|
||||
<a href="{{ route('posts.show', $post) }}" class="hover:text-primary" wire:navigate>
|
||||
@if($search)
|
||||
{!! $this->highlightSearch($post->getTitle(), $search) !!}
|
||||
@@ -105,11 +105,11 @@ new #[Layout('components.layouts.public')] class extends Component
|
||||
</a>
|
||||
</h2>
|
||||
|
||||
<time class="text-xs sm:text-sm text-text/70 mt-2 block">
|
||||
<time class="text-xs sm:text-sm text-body/70 mt-2 block">
|
||||
{{ $post->published_at?->translatedFormat('d F Y') ?? $post->created_at->translatedFormat('d F Y') }}
|
||||
</time>
|
||||
|
||||
<p class="mt-2 sm:mt-3 text-text text-sm sm:text-base">
|
||||
<p class="mt-2 sm:mt-3 text-body text-sm sm:text-base">
|
||||
@if($search)
|
||||
{!! $this->highlightSearch($post->getExcerpt(), $search) !!}
|
||||
@else
|
||||
@@ -124,14 +124,14 @@ new #[Layout('components.layouts.public')] class extends Component
|
||||
@empty
|
||||
<div class="empty-state bg-white rounded-lg">
|
||||
@if($search)
|
||||
<flux:icon name="magnifying-glass" class="empty-state-icon text-text/30" />
|
||||
<p class="text-text/70">{{ __('posts.no_results', ['query' => $search]) }}</p>
|
||||
<flux:icon name="magnifying-glass" class="empty-state-icon text-body/30" />
|
||||
<p class="text-body/70">{{ __('posts.no_results', ['query' => $search]) }}</p>
|
||||
<flux:button wire:click="clearSearch" class="mt-4">
|
||||
{{ __('posts.clear_search') }}
|
||||
</flux:button>
|
||||
@else
|
||||
<flux:icon name="document-text" class="empty-state-icon text-text/40" />
|
||||
<p class="text-text/70">{{ __('posts.no_posts') }}</p>
|
||||
<flux:icon name="document-text" class="empty-state-icon text-body/40" />
|
||||
<p class="text-body/70">{{ __('posts.no_posts') }}</p>
|
||||
@endif
|
||||
</div>
|
||||
@endforelse
|
||||
|
||||
@@ -20,9 +20,9 @@ new #[Layout('components.layouts.public')] class extends Component
|
||||
|
||||
<article class="max-w-3xl mx-auto">
|
||||
<header class="mb-8">
|
||||
<flux:heading size="xl" class="text-text">{{ $post->getTitle() }}</flux:heading>
|
||||
<flux:heading size="xl" class="text-body">{{ $post->getTitle() }}</flux:heading>
|
||||
|
||||
<time class="text-text/70 mt-2 block">
|
||||
<time class="text-body/70 mt-2 block">
|
||||
{{ $post->published_at?->translatedFormat('l, d F Y') ?? $post->created_at->translatedFormat('l, d F Y') }}
|
||||
</time>
|
||||
</header>
|
||||
|
||||
Reference in New Issue
Block a user