Event-Bilder: Höhe dynamisch (self-stretch) für gleichmäßige Abstände

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

View File

@@ -39,7 +39,7 @@
<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-20 h-20 rounded-lg object-cover shrink-0">
<img src="{{ $event->imageUrl() }}" alt="" class="hidden lg:block w-20 rounded-lg object-cover shrink-0 self-stretch">
{{-- 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

@@ -61,7 +61,7 @@
<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">
<img src="{{ $event->imageUrl() }}" alt="" class="hidden sm:block w-20 rounded-lg object-cover shrink-0 self-stretch">
<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" />