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:
@@ -39,7 +39,7 @@
|
|||||||
<div class="{{ $bgClass }} border rounded-lg shadow-sm mb-3" style="padding: 15px;">
|
<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">
|
<div class="flex flex-col lg:flex-row lg:items-center gap-4">
|
||||||
{{-- Bild --}}
|
{{-- 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 --}}
|
{{-- Links: Typ, Team, Titel, Datum, Ort, Status --}}
|
||||||
<div class="flex-1 min-w-0">
|
<div class="flex-1 min-w-0">
|
||||||
<div class="flex items-center gap-2 mb-1 flex-wrap">
|
<div class="flex items-center gap-2 mb-1 flex-wrap">
|
||||||
|
|||||||
@@ -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;">
|
<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">
|
<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-1 min-w-0">
|
||||||
<div class="flex items-center gap-2 mb-1 flex-wrap">
|
<div class="flex items-center gap-2 mb-1 flex-wrap">
|
||||||
<x-event-type-badge :type="$event->type" />
|
<x-event-type-badge :type="$event->type" />
|
||||||
|
|||||||
Reference in New Issue
Block a user