Skip to content

E
El-Captain Sports Management
Commit 2d5e0fc3 authored by Mahmoud Aglan's avatar Mahmoud Aglan
Browse files
Options

Fix white-on-white text in event registration form inputs 

Add explicit bg-white text-gray-900 to all form inputs so text is
visible regardless of inherited site CSS variables.
Co-Authored-By: 's avatarClaude Opus 4.6 <noreply@anthropic.com>
parent 10accd28
Hide whitespace changes
Inline Side-by-side
Showing with 9 additions and 9 deletions
resources/views/livewire/public/event-registration-form.blade.php
View file @ 2d5e0fc3
...@@ -68,7 +68,7 @@ ...@@ -68,7 +68,7 @@
@if(in_array($field['type'], ['email', 'phone', 'national_id'])) dir="ltr" @endif @if(in_array($field['type'], ['email', 'phone', 'national_id'])) dir="ltr" @endif
@if(!empty($field['max_length'])) maxlength="{{ $field['max_length'] }}" @endif @if(!empty($field['max_length'])) maxlength="{{ $field['max_length'] }}" @endif
@if(!empty($field['pattern'])) pattern="{{ $field['pattern'] }}" @endif @if(!empty($field['pattern'])) pattern="{{ $field['pattern'] }}" @endif
class="w-full px-4 py-3 border border-gray-300 rounded-xl text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('fields.'.$field['key']) border-red-500 @enderror"> class="w-full px-4 py-3 border border-gray-300 rounded-xl text-sm bg-white text-gray-900 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('fields.'.$field['key']) border-red-500 @enderror">
@if(!empty($field['max_length'])) @if(!empty($field['max_length']))
<p class="text-xs text-gray-400 mt-1 text-end" dir="ltr"> <p class="text-xs text-gray-400 mt-1 text-end" dir="ltr">
<span x-text="($wire.fields['{{ $field['key'] }}'] || '').length"></span>/{{ $field['max_length'] }} <span x-text="($wire.fields['{{ $field['key'] }}'] || '').length"></span>/{{ $field['max_length'] }}
...@@ -81,14 +81,14 @@ class="w-full px-4 py-3 border border-gray-300 rounded-xl text-sm focus:ring-2 f ...@@ -81,14 +81,14 @@ class="w-full px-4 py-3 border border-gray-300 rounded-xl text-sm focus:ring-2 f
placeholder="{{ $field['placeholder'] ?? '' }}" placeholder="{{ $field['placeholder'] ?? '' }}"
@if(!empty($field['min_value'])) min="{{ $field['min_value'] }}" @endif @if(!empty($field['min_value'])) min="{{ $field['min_value'] }}" @endif
@if(!empty($field['max_value'])) max="{{ $field['max_value'] }}" @endif @if(!empty($field['max_value'])) max="{{ $field['max_value'] }}" @endif
class="w-full px-4 py-3 border border-gray-300 rounded-xl text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('fields.'.$field['key']) border-red-500 @enderror"> class="w-full px-4 py-3 border border-gray-300 rounded-xl text-sm bg-white text-gray-900 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('fields.'.$field['key']) border-red-500 @enderror">
@break @break
@case('textarea') @case('textarea')
<textarea wire:model="fields.{{ $field['key'] }}" rows="3" <textarea wire:model="fields.{{ $field['key'] }}" rows="3"
placeholder="{{ $field['placeholder'] ?? '' }}" placeholder="{{ $field['placeholder'] ?? '' }}"
@if(!empty($field['max_length'])) maxlength="{{ $field['max_length'] }}" @endif @if(!empty($field['max_length'])) maxlength="{{ $field['max_length'] }}" @endif
class="w-full px-4 py-3 border border-gray-300 rounded-xl text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('fields.'.$field['key']) border-red-500 @enderror"></textarea> class="w-full px-4 py-3 border border-gray-300 rounded-xl text-sm bg-white text-gray-900 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('fields.'.$field['key']) border-red-500 @enderror"></textarea>
@if(!empty($field['max_length'])) @if(!empty($field['max_length']))
<p class="text-xs text-gray-400 mt-1 text-end" dir="ltr"> <p class="text-xs text-gray-400 mt-1 text-end" dir="ltr">
<span x-text="($wire.fields['{{ $field['key'] }}'] || '').length"></span>/{{ $field['max_length'] }} <span x-text="($wire.fields['{{ $field['key'] }}'] || '').length"></span>/{{ $field['max_length'] }}
...@@ -98,12 +98,12 @@ class="w-full px-4 py-3 border border-gray-300 rounded-xl text-sm focus:ring-2 f ...@@ -98,12 +98,12 @@ class="w-full px-4 py-3 border border-gray-300 rounded-xl text-sm focus:ring-2 f
@case('date') @case('date')
<input type="date" wire:model="fields.{{ $field['key'] }}" dir="ltr" <input type="date" wire:model="fields.{{ $field['key'] }}" dir="ltr"
class="w-full px-4 py-3 border border-gray-300 rounded-xl text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('fields.'.$field['key']) border-red-500 @enderror"> class="w-full px-4 py-3 border border-gray-300 rounded-xl text-sm bg-white text-gray-900 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('fields.'.$field['key']) border-red-500 @enderror">
@break @break
@case('select') @case('select')
<select wire:model.live="fields.{{ $field['key'] }}" <select wire:model.live="fields.{{ $field['key'] }}"
class="w-full px-4 py-3 border border-gray-300 rounded-xl text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('fields.'.$field['key']) border-red-500 @enderror"> class="w-full px-4 py-3 border border-gray-300 rounded-xl text-sm bg-white text-gray-900 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('fields.'.$field['key']) border-red-500 @enderror">
<option value="">{{ $field['placeholder'] ?? __('اختر...') }}</option> <option value="">{{ $field['placeholder'] ?? __('اختر...') }}</option>
@foreach($field['options'] ?? [] as $option) @foreach($field['options'] ?? [] as $option)
<option value="{{ $option['value'] }}">{{ $option['label'] }}</option> <option value="{{ $option['value'] }}">{{ $option['label'] }}</option>
...@@ -115,7 +115,7 @@ class="w-full px-4 py-3 border border-gray-300 rounded-xl text-sm focus:ring-2 f ...@@ -115,7 +115,7 @@ class="w-full px-4 py-3 border border-gray-300 rounded-xl text-sm focus:ring-2 f
@if($field['allow_other'] ?? false) @if($field['allow_other'] ?? false)
<div x-show="$wire.fields['{{ $field['key'] }}'] === '__other__'" x-transition class="mt-2"> <div x-show="$wire.fields['{{ $field['key'] }}'] === '__other__'" x-transition class="mt-2">
<input type="text" wire:model="fields.{{ $field['key'] }}_other" placeholder="{{ __('حدد...') }}" <input type="text" wire:model="fields.{{ $field['key'] }}_other" placeholder="{{ __('حدد...') }}"
class="w-full px-4 py-2.5 border border-gray-300 rounded-xl text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500"> class="w-full px-4 py-2.5 border border-gray-300 rounded-xl text-sm bg-white text-gray-900 focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
</div> </div>
@endif @endif
@break @break
...@@ -137,7 +137,7 @@ class="text-blue-600 focus:ring-blue-500"> ...@@ -137,7 +137,7 @@ class="text-blue-600 focus:ring-blue-500">
</label> </label>
<div x-show="$wire.fields['{{ $field['key'] }}'] === '__other__'" x-transition class="ms-6"> <div x-show="$wire.fields['{{ $field['key'] }}'] === '__other__'" x-transition class="ms-6">
<input type="text" wire:model="fields.{{ $field['key'] }}_other" placeholder="{{ __('حدد...') }}" <input type="text" wire:model="fields.{{ $field['key'] }}_other" placeholder="{{ __('حدد...') }}"
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500"> class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm bg-white text-gray-900 focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
</div> </div>
@endif @endif
</div> </div>
...@@ -160,7 +160,7 @@ class="rounded text-blue-600 focus:ring-blue-500"> ...@@ -160,7 +160,7 @@ class="rounded text-blue-600 focus:ring-blue-500">
</label> </label>
<div x-show="($wire.fields['{{ $field['key'] }}'] || []).includes('__other__')" x-transition class="ms-6"> <div x-show="($wire.fields['{{ $field['key'] }}'] || []).includes('__other__')" x-transition class="ms-6">
<input type="text" wire:model="fields.{{ $field['key'] }}_other" placeholder="{{ __('حدد...') }}" <input type="text" wire:model="fields.{{ $field['key'] }}_other" placeholder="{{ __('حدد...') }}"
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500"> class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm bg-white text-gray-900 focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
</div> </div>
@endif @endif
</div> </div>
...@@ -189,7 +189,7 @@ class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 f ...@@ -189,7 +189,7 @@ class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 f
@case('location') @case('location')
<input type="text" wire:model="fields.{{ $field['key'] }}" dir="ltr" <input type="text" wire:model="fields.{{ $field['key'] }}" dir="ltr"
placeholder="{{ $field['placeholder'] ?? __('أدخل رابط الموقع أو الإحداثيات') }}" placeholder="{{ $field['placeholder'] ?? __('أدخل رابط الموقع أو الإحداثيات') }}"
class="w-full px-4 py-3 border border-gray-300 rounded-xl text-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('fields.'.$field['key']) border-red-500 @enderror"> class="w-full px-4 py-3 border border-gray-300 rounded-xl text-sm bg-white text-gray-900 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 @error('fields.'.$field['key']) border-red-500 @enderror">
@break @break
@case('file_upload') @case('file_upload')
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment