Event-Bilder vergrößert (w-20/h-20) mit 15px Margin zum Blockrand

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Rhino
2026-03-03 10:48:12 +01:00
parent c0287367c0
commit 2f796ed536
2 changed files with 5 additions and 5 deletions

View File

@@ -36,10 +36,10 @@
$minStatus = $event->minimumsStatus();
$bgClass = match($minStatus) { true => 'bg-green-100 border-green-300', false => 'bg-red-100 border-red-300', default => 'bg-white border-gray-200' };
@endphp
<div class="{{ $bgClass }} border rounded-lg shadow-sm p-4 mb-3">
<div class="{{ $bgClass }} border rounded-lg shadow-sm mb-3" style="padding: 15px;">
<div class="flex flex-col lg:flex-row lg:items-center gap-4">
{{-- Bild --}}
<img src="{{ $event->imageUrl() }}" alt="" class="hidden lg:block w-14 h-14 rounded-lg object-cover shrink-0">
<img src="{{ $event->imageUrl() }}" alt="" class="hidden lg:block w-20 h-20 rounded-lg object-cover shrink-0">
{{-- Links: Typ, Team, Titel, Datum, Ort, Status --}}
<div class="flex-1 min-w-0">
<div class="flex items-center gap-2 mb-1 flex-wrap">

View File

@@ -59,9 +59,9 @@
</div>
@endif
<a href="{{ route('events.show', $event) }}" class="block {{ $bgClass }} rounded-lg shadow p-4 mb-3 hover:shadow-md transition-shadow">
<div class="flex flex-col sm:flex-row sm:items-center gap-3">
<img src="{{ $event->imageUrl() }}" alt="" class="hidden sm:block w-14 h-14 rounded-lg object-cover shrink-0">
<a href="{{ route('events.show', $event) }}" class="block {{ $bgClass }} rounded-lg shadow mb-3 hover:shadow-md transition-shadow" style="padding: 15px;">
<div class="flex flex-col sm:flex-row sm:items-center gap-4">
<img src="{{ $event->imageUrl() }}" alt="" class="hidden sm:block w-20 h-20 rounded-lg object-cover shrink-0">
<div class="flex-1 min-w-0">
<div class="flex items-center gap-2 mb-1 flex-wrap">
<x-event-type-badge :type="$event->type" />