complete story 9.8 with qa tests
This commit is contained in:
@@ -147,7 +147,7 @@ new class extends Component {
|
||||
type="button"
|
||||
wire:key="client-{{ $client->id }}"
|
||||
wire:click="selectUser({{ $client->id }})"
|
||||
class="flex w-full items-center gap-3 px-4 py-3 text-left hover:bg-zinc-50 dark:hover:bg-zinc-700 first:rounded-t-lg last:rounded-b-lg"
|
||||
class="flex w-full items-center gap-3 px-4 py-3 text-start hover:bg-zinc-50 dark:hover:bg-zinc-700 first:rounded-t-lg last:rounded-b-lg"
|
||||
>
|
||||
<flux:avatar size="sm" name="{{ $client->full_name }}" />
|
||||
<div>
|
||||
|
||||
@@ -268,7 +268,7 @@ new class extends Component {
|
||||
@else
|
||||
<div class="relative">
|
||||
{{-- Timeline line --}}
|
||||
<div class="absolute left-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 dark:bg-zinc-700"></div>
|
||||
|
||||
<div class="space-y-6">
|
||||
@foreach($timeline->updates as $update)
|
||||
|
||||
@@ -33,13 +33,13 @@ new class extends Component
|
||||
{{-- Timeline Updates --}}
|
||||
<div class="relative">
|
||||
{{-- Vertical line --}}
|
||||
<div class="absolute {{ app()->getLocale() === 'ar' ? 'right-4' : 'left-4' }} top-0 bottom-0 w-0.5 bg-amber-500/30"></div>
|
||||
<div class="absolute start-4 top-0 bottom-0 w-0.5 bg-amber-500/30"></div>
|
||||
|
||||
<div class="space-y-6">
|
||||
@forelse($timeline->updates as $update)
|
||||
<div wire:key="update-{{ $update->id }}" class="relative {{ app()->getLocale() === 'ar' ? 'pr-12' : 'pl-12' }}">
|
||||
<div wire:key="update-{{ $update->id }}" class="relative ps-12">
|
||||
{{-- Dot --}}
|
||||
<div class="absolute {{ app()->getLocale() === 'ar' ? 'right-2' : 'left-2' }} top-2 w-4 h-4 rounded-full bg-amber-500 border-4 border-amber-50 dark:border-zinc-900"></div>
|
||||
<div class="absolute start-2 top-2 w-4 h-4 rounded-full bg-amber-500 border-4 border-amber-50 dark:border-zinc-900"></div>
|
||||
|
||||
<div class="bg-white dark:bg-zinc-800 p-4 rounded-lg shadow-sm">
|
||||
<div class="text-sm text-zinc-500 dark:text-zinc-400 mb-2">
|
||||
|
||||
@@ -73,7 +73,7 @@ new #[Layout('components.layouts.public')] class extends Component
|
||||
@if($search)
|
||||
<button
|
||||
wire:click="clearSearch"
|
||||
class="absolute {{ app()->getLocale() === 'ar' ? 'left-3' : 'right-3' }} top-1/2 -translate-y-1/2 text-charcoal/50 hover:text-charcoal"
|
||||
class="absolute end-3 top-1/2 -translate-y-1/2 text-charcoal/50 hover:text-charcoal"
|
||||
>
|
||||
<flux:icon name="x-mark" class="w-5 h-5" />
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user