Juxtapose, add figcaption

murdercode · Aug 12, 2024 · e1e0e47 · e1e0e47
1 parent c3faace
commit e1e0e47
Showing 1 changed file with 14 additions and 5 deletions.
diff --git a/resources/views/juxtapose.blade.php b/resources/views/juxtapose.blade.php
@@ -1,5 +1,14 @@
-<div class="image-compare">
-    @foreach($images as $image)
-        <img src="{{ asset('storage/' . $image->src ) }}" alt="{{$image->title}}" />
-    @endforeach
-</div>
+<figure>
+    <div class="image-compare">
+        @foreach($images as $image)
+            <img src="{{ asset('storage/' . $image->src ) }}" alt="{{$image->title}}"/>
+        @endforeach
+    </div>
+
+    @if ($title)
+        <figcaption
+            class="!mt-0 font-sans !text-sm py-2 px-4 bg-zinc-200 dark:bg-zinc-800 text-zinc-700 dark:text-zinc-200">
+            {!! $title !!}
+        </figcaption>
+    @endif
+</figure>