037294d62b
- Add disk() and visibility() for Storage integration - Rename gap() to imageGap() to avoid Filament v4 conflict - Add cursor-pointer on image hover - Remove empty text display"
33 lines
1.1 KiB
PHP
33 lines
1.1 KiB
PHP
@php
|
|
$urls = $getImageUrls();
|
|
$width = $getThumbWidth();
|
|
$height = $getThumbHeight();
|
|
$gap = $getImageGap();
|
|
$rounded = $getRounded();
|
|
$zoomCursor = $hasZoomCursor();
|
|
$wrapperClass = $getWrapperClass() ?? '';
|
|
$galleryId = 'gallery-entry-' . str_replace(['{', '}', '-'], '', (string) \Illuminate\Support\Str::uuid());
|
|
@endphp
|
|
|
|
<x-dynamic-component :component="$getEntryWrapperView()" :entry="$entry">
|
|
<div
|
|
id="{{ $galleryId }}"
|
|
class="image-gallery flex overflow-x-auto {{ $gap }} my-2 pb-2 select-none {{ $wrapperClass }}"
|
|
data-viewer-gallery
|
|
>
|
|
@foreach($urls as $src)
|
|
<img
|
|
src="{{ $src }}"
|
|
loading="lazy"
|
|
class="{{ $rounded }} shadow object-cover border border-gray-200 dark:border-gray-700 hover:scale-105 transition cursor-pointer"
|
|
style="width: {{ $width }}px; height: {{ $height }}px; flex-shrink: 0;"
|
|
alt="image"
|
|
/>
|
|
@endforeach
|
|
</div>
|
|
</x-dynamic-component>
|
|
|
|
@once
|
|
<x-image-gallery::viewer-script />
|
|
@endonce
|