Commit 10accd28 authored by Mahmoud Aglan's avatar Mahmoud Aglan

Fix admin events panel: show full images without cropping

Remove fixed h-40 + object-cover from event list cards and gallery
previews in the create wizard. Images now display at natural aspect
ratio with object-contain so sponsor logos at edges are fully visible.
Co-Authored-By: 's avatarClaude Opus 4.6 <noreply@anthropic.com>
parent d413366f
...@@ -431,7 +431,7 @@ class="w-28 px-3 py-1.5 border border-gray-300 rounded-lg text-sm focus:ring-2 f ...@@ -431,7 +431,7 @@ class="w-28 px-3 py-1.5 border border-gray-300 rounded-lg text-sm focus:ring-2 f
@if(!empty($galleryPhotos)) @if(!empty($galleryPhotos))
<div class="grid grid-cols-3 gap-3 mb-3"> <div class="grid grid-cols-3 gap-3 mb-3">
@foreach($galleryPhotos as $photo) @foreach($galleryPhotos as $photo)
<img src="{{ $photo->temporaryUrl() }}" class="w-full h-24 object-cover rounded-lg"> <img src="{{ $photo->temporaryUrl() }}" class="w-full h-auto object-contain rounded-lg">
@endforeach @endforeach
</div> </div>
@endif @endif
......
...@@ -55,9 +55,11 @@ class="w-full px-4 py-2.5 border border-gray-300 rounded-lg text-sm focus:ring-2 ...@@ -55,9 +55,11 @@ class="w-full px-4 py-2.5 border border-gray-300 rounded-lg text-sm focus:ring-2
<a href="{{ route('events.show', $event) }}" wire:navigate <a href="{{ route('events.show', $event) }}" wire:navigate
class="bg-white rounded-xl border border-gray-200 overflow-hidden hover:shadow-md transition-shadow group"> class="bg-white rounded-xl border border-gray-200 overflow-hidden hover:shadow-md transition-shadow group">
{{-- Cover --}} {{-- Cover --}}
<div class="h-40 bg-gradient-to-br from-blue-500 to-purple-600 relative"> <div class="bg-gradient-to-br from-blue-500 to-purple-600 relative">
@if($event->cover) @if($event->cover)
<img src="{{ $event->cover->url }}" alt="{{ $event->title }}" class="w-full h-full object-cover"> <img src="{{ $event->cover->url }}" alt="{{ $event->title }}" class="w-full h-auto object-contain">
@else
<div class="h-40"></div>
@endif @endif
<div class="absolute top-3 start-3"> <div class="absolute top-3 start-3">
<span class="px-2.5 py-1 rounded-full text-xs font-medium <span class="px-2.5 py-1 rounded-full text-xs font-medium
......
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